آموزش ویژگی dir در DOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی 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

مثال از این ویژگی

در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : بدست آوردن جهت نوشتاری متن یک عنصر

امتحان کنید

مثال شماره ۲ : بصورت پیش فرض جهت نوشتاری ltr می باشد ولی ما میخوایم با کلیک بروی یک دکمه rtl بشه.

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام ویژگی Chrome Firefox Opera Safari IE
dir بله بله بله بله بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.

  • برای گرفتن مقدار dir یک عنصر

  • برای ست / تنظیم کردن مقدار جدید

Free-Learn

جدول مقادیر

در جدول زیر میتوانید، مقادیری را که میتوان در این ویژگی استفاده کرد مشاهده نمایید.

مقدار توضیح
ltr پیش فرض – جهت نوشتاری از چپ به راست ( مناسب زبان های انگلیسی و.. )
rtl جهت نوشتاری از راست به چپ ( مناسب زبان های فارسی ، عربی )
auto مرورگر خودش بصورت خودکار جهت صفحه رو تشخیص میده

Free-Learn

نکات و توضیحات

Free-Learn

دریافت PDF یا پرینت این مطلب