این آموزش در تاریخ ۱۴۰۱/۰۵/۰۸ آپدیت شده است.
آموزش ویژگی dir در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی dir در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی dir در DOM جاوااسکریپت
با استفاده از ویژگی dir میتونیم هم مقدار صفت dir تگ رو بدست آوریم و هم میتونیم براش مقدار جدید تعریف نماییم.
همونطور که میدونید جهت نوشتاری متن ها ( یا Text Direction ) بطور کلی ۲ حالت داره، یا راست به چپ ( RTL ) که میشه مثه زبان های فارسی ، عربی و.. و یا چپ به راست ( LTR ) که میشه مثه زبان های انگلیسی و…
در زبان CSS نیز با استفاده از ویژگی direction میتونیم جهت نوشتاری متن رو مشخص نماییم.
در زبان HTML نیز با استفاده از صفت dir میتونیم جهت نوشتاری متن رو مشخص نماییم.
| مقدار برگشتی | ltr : یعنی جهت نوشتاری از چپ به راست ( چپ چین ) rtl : یعنی جهت نوشتاری از راست به چپ ( راست چین ) auto : یعنی خودکار توسط مرورگر مشخص شده است |
|---|---|
| نسخه DOM | DOM Level 2 |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : بدست آوردن مقدار صفت dir از تگ
|
1 2 3 4 5 6 7 8 |
<script> function Get(){ Result_1.innerHTML = MyTag_1.dir; Result_2.innerHTML = MyTag_2.dir; } </script> |
مثال شماره ۲ : ست کردن مقدار صفت dir
|
1 2 3 4 5 6 7 |
<script> function Set(){ document.getElementById("MyP").dir = "rtl"; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| dir | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
- برای گرفتن مقدار dir
|
1 |
Element.dir; |
- برای ست / تنظیم کردن مقدار جدید
|
1 |
Element.dir = "ltr | rtl | auto"; |
Free-Learn
جدول مقادیر
در جدول زیر میتوانید، مقادیری را که میتوان در این ویژگی استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| ltr | پیش فرض – جهت نوشتاری از چپ به راست ( مناسب زبان های انگلیسی و.. ) |
| rtl | جهت نوشتاری از راست به چپ ( مناسب زبان های فارسی ، عربی و.. ) |
| auto | مرورگر خودش بصورت خودکار جهت صفحه رو تشخیص میده |
Free-Learn
نکات و توضیحات
- در زبان HTML با استفاده از صفت عمومی dir میتوان جهت نوشتاری متن یک تگ را مشخص کرد.
- در زبان CSS نیز با استفاده از ویژگی direction میتوان جهت نوشتاری متن یک تگ را مشخص کرد.
