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