آموزش ویژگی tagName در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی tagName در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی tagName در DOM جاوااسکریپت
با استفاده از ویژگی tagName
میتونیم نام یک تگ ( یا نام یک عنصر ) را بدست آوریم، نامی که در خروجی نمایش داده میشه با حروف بزرگ انگلیسی می باشد، مثلا اگه بخوایم نام تگ img رو بدست آوریم در خروجی چاپ میشه IMG
ویژگی nodeName هم داریم که با استفاده از این ویژگی میتونیم نام یک گره رو بدست آوریم، تفاوت ویژگی nodeName با ویژگی tagName در اینه که ویژگی tagName نام فقط خوده تگ یا عنصر رو برگشت میده ولی nodeName میتونه نام گره رو برگشت بده ( گره هم ممکنه گره عنصر باشه ممکنه گره متن و.. باشه )
مقدار برگشتی | یک رشته که نشان دهنده نام تگ یا عنصر می باشد نام تگ یا عنصر بصورت حروف بزرگ انگلیسی نمایش داده میشه |
---|---|
نسخه DOM | Core Level 1 Element Object |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : بدست آوردن نام تگ یا عنصر ( تگ div )
1 2 3 4 5 6 7 8 9 |
<script> function get(){ var mybox , result; mybox = document.getElementById("MyBox").tagName; result = document.getElementById("Result").innerHTML = mybox; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
نام ویژگی | Chrome | Firefox | Opera | Safari | IE |
tagName | بله | بله | ۸ | بله | ۵ |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
1 |
Element.tagName; |
Free-Learn
نکات و توضیحات
- این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
- نام تگ در خروجی همیشه با حروف بزرگ انگلیسی نمایش داده میشه.