خصوصیت element.nodeName
مثال (خصوصیت element.nodeName)
به دست آوردن نام گره از یک عنصر <p>:
خروجی x در کد بالا
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
خصوصیت nodeName، در واقع نام یک گره مشخص را برمی گرداند.
در صورتی که گره موردنظر یک گره عنصر باشد، خصوصیت nodeName نام تگ را برخواهد گرداند.
در صورتی که گره مورد نظر یک گره خصوصیت(attribute) باشد،خصوصیت nodeName، نام آن خصوصیت را برمی گرداند.
برای انواع گره های دیگر، خصوصیت nodeName، نام های مختلف برای انواع گره های مختلف را برمی گرداند.
نکته: شما می توانید از خصوصیت tagName برای برگرداندن نام تگ یک عنصر، استفاده کنید. تفاوت در این است که tagName تنها نام تگ ها را برمی گرداند در حالی که nodeName نام تمام گره ها را برمی گرداند(تگ ها و خصویت ها و متن و کامنت ها).
این خصوصیت فقط خواندنی می باشد.
پشتیبانی مرورگرها
| متد | |||||
|---|---|---|---|---|---|
| nodeName | بله | بله | بله | بله | بله |
نحوه استفاده
جزئیات تکنیکی
| مقدار برگشتی |
یک رشته که مشخص کننده ی نام گره مورد نظر می باشد. مقادیر امکان پذیر:
|
|---|---|
| DOM Version | Core Level 1 Node Object |
مثال - خودتان امتحان کنید
مثال (خصوصیت element.nodeName)
به دست آوردن نام گره از عنصر <body>:
خروجی x در کد بالا
خودتان امتحان کنید »
مثال (خصوصیت element.nodeName)
به دست آوردن نام های گره از فرزندان یک عنصر <body>:
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
txt = txt + c[i].nodeName + "<br>";
}
document.getElementById("demo").innerHTML = txt;
خروجی txt در کد بالا:
P
#text
BUTTON
#text
P
#text
#comment
#text
DIV
#text
P
#text
SCRIPT
#text
خودتان امتحان کنید »
مثال (خصوصیت element.nodeName)
به دست آوردن نام گره و مقدار گره و نوع گره از اولین گره فرزند یک عنصر <div>:
<script>
var x = document.getElementById("myDIV").firstChild;
var txt = "";
txt += "The node name: " + x.nodeName + "<br>";
txt += "The node value: " + x.nodeValue + "<br>";
txt += "The node type: " + x.nodeType;
</script>
خروجی txt در کد بالا:
The node value: This is a div element.
The node type: 3
خودتان امتحان کنید »
آموزش های مرتبط
مرجع مدل DOM در اچ تی ام ال element.tagName Property
مرجع مدل DOM در اچ تی ام ال node.nodeType Property
مرجع مدل DOM در اچ تی ام ال node.nodeValue Property
مرجع مدل DOM در اچ تی ام ال node.childNodes Property
کلیه توابع و خصوصیت های شیء Element در JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 5526
