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

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی nodeName در DOM جاوااسکریپت با من همراه باشید.

ویژگی nodeName در DOM جاوااسکریپت

Free-Learn

ویژگی nodeName در DOM جاوااسکریپت

با استفاده از ویژگی nodeName همونطور که از اسمشم مشخصه میتونیم نام یک گره رو بدست آوریم، این ویژگی در شرایط زیر مقادیر مختلفی در خروجی نمایش میدهد :

  • اگه گره عنصر بود نام خوده عنصر رو بصورت حرف بزرگ انگلیسی برگشت میده
  • اگه گره صفت بود، نام صفت رو برگشت میده
  • اگه گره متن بود text# برگشت میده
  • اگه گره کامنت ( یا Comment ) بود comment# برگشت میده
  • اگه گره سند ( یا Document ) بود document# برگشت میده

با استفاد از ویژگی tagName نیز میتونیم نام یک تگ ( عنصر ) رو بدست آوریم و تفاوتش با nodeName در اینه که، nodeName نام گره ( که میتونه گره عنصر یا گره متن یا گره صفت یا گره کامنت باشه ) رو برگشت میده ولی tagName فقط نام خوده تگ رو برگشت میده.

مقدار برگشتی یک رشته که نشان دهنده نام گره می باشد
اگه گره عنصر بود نام خوده عنصر رو بصورت حرف بزرگ انگلیسی برگشت میده
اگه گره صفت بود، نام صفت رو برگشت میده
اگه گره متن بود text# برگشت میده
اگه گره کامنت ( یا Comment ) بود comment# برگشت میده
اگه گره سند ( یا Document ) بود document# برگشت میده
نسخه DOM Core Level 1 Node Object

Free-Learn

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

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

مثال شماره ۱ : بدست آوردن نام گره عنصر ( نام خوده تگ )

امتحان کنید

مثال شماره ۲ : بدست آوردن و نمایش گره های مختلف ( گره عنصر، گره متن ، گره کامنت )

امتحان کنید

Free-Learn

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

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

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

Free-Learn

شکل نوشتاری

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


Free-Learn

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

  • این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
  • با استفاد از ویژگی tagName نیز میتونیم نام یک تگ ( عنصر ) رو بدست آوریم و تفاوتش با nodeName در اینه که، nodeName نام گره ( که میتونه گره عنصر یا گره متن یا گره صفت و.. باشه ) رو برگشت میده ولی tagName فقط نام خوده تگ رو برگشت میده.
  • با استفاده از ویژگی nodeName میتونیم نام گره را بدست آوریم.
  • با استفاده از ویژگی nodeType میتونیم نوع گره را بدست آوریم.
  • با استفاده از ویژگی nodeValue میتونیم مقدار گره را بدست آوریم.

Free-Learn

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