HTML DOM nodeNameคุณสมบัติ
ตัวอย่าง
รับชื่อโหนดของ <p> องค์ประกอบ:
var x = document.getElementById("myP").nodeName;
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติ nodeName ส่งกลับชื่อของโหนดที่ระบุ
หากโหนดเป็นโหนดองค์ประกอบ คุณสมบัติ nodeName จะส่งคืนชื่อแท็ก
ถ้าโหนดเป็นโหนดแอตทริบิวต์ คุณสมบัติ nodeName จะส่งคืนชื่อของแอตทริบิวต์
สำหรับโหนดประเภทอื่น คุณสมบัติ nodeName จะส่งคืนชื่อที่แตกต่างกันสำหรับประเภทโหนดที่ต่างกัน
เคล็ดลับ:คุณยังสามารถใช้ คุณสมบัติ tagNameเพื่อส่งคืนชื่อแท็กขององค์ประกอบ ข้อแตกต่างคือ tagName ส่งคืนชื่อแท็กเท่านั้น ในขณะที่ nodeName ส่งคืนชื่อของโหนดทั้งหมด (แท็ก แอตทริบิวต์ ข้อความ ความคิดเห็น)
คุณสมบัตินี้เป็นแบบอ่านอย่างเดียว
รองรับเบราว์เซอร์
| Property | |||||
|---|---|---|---|---|---|
| nodeName | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
node.nodeName
รายละเอียดทางเทคนิค
| คืนมูลค่า: |
สตริงที่แสดงชื่อของโหนด
ค่าที่เป็นไปได้:
|
|---|---|
| เวอร์ชัน DOM | วัตถุโหนดหลักระดับ 1 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
รับชื่อโหนดขององค์ประกอบ <body>:
var x = document.body.nodeName;
ตัวอย่าง
รับชื่อโหนดของโหนดย่อยขององค์ประกอบ <body>:
var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
txt = txt + c[i].nodeName + "<br>";
}
document.getElementById("demo").innerHTML = txt;
ตัวอย่าง
รับชื่อโหนด ค่าโหนด และประเภทโหนดของโหนดลูกคนแรกขององค์ประกอบ <div>:
<div id="myDIV">This is a div element.</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>
หน้าที่เกี่ยวข้อง
การอ้างอิง HTML DOM: องค์ประกอบ tagName คุณสมบัติ
การอ้างอิง HTML DOM: node.js nodeType คุณสมบัติ
การอ้างอิง HTML DOM: node.js คุณสมบัติ nodeValue
การอ้างอิง HTML DOM: node.js คุณสมบัติโหนดย่อย