ตัวอย่าง
รับชนิดของโหนขององค์ประกอบร่างกาย:
var x = document.getElementById("myP").nodeType;
ผลของ x จะเป็น:
1
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
NodeType คุณสมบัติผลตอบแทนประเภทโหนดที่เป็นหมายเลขของโหนดที่ระบุ
ถ้าโหนดเป็นโหนดองค์ประกอบ NodeType คุณสมบัติจะกลับ 1
ถ้าโหนดเป็นโหนดแอตทริบิวต์ NodeType คุณสมบัติจะกลับ 2
ถ้าโหนดเป็นโหนดข้อความ NodeType คุณสมบัติจะกลับ 3
ถ้าโหนดคือความคิดเห็นโหนด NodeType คุณสมบัติจะกลับ 8
สถานที่แห่งนี้เป็นอ่านอย่างเดียว
สนับสนุนเบราว์เซอร์
คุณสมบัติ | |||||
---|---|---|---|---|---|
nodeType | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
node .nodeType
รายละเอียดทางเทคนิค
กลับค่า: | หมายเลขที่เป็นตัวแทนของประเภทโหนดของโหนด |
---|---|
DOM รุ่น | ระดับแกนวัตถุ 1 โหนด |
ประเภทโหนด
เอกสารองค์ประกอบคุณลักษณะและด้านอื่น ๆ ของ HTML หรือ XML เอกสารมีประเภทโหนดที่แตกต่างกัน
มี 12 ชนิดโหนดที่แตกต่างกันซึ่งอาจมีลูกโหนดประเภทต่างๆมีดังนี้:
ประเภทโหนด | ลักษณะ | เด็ก ๆ | |
---|---|---|---|
1 | ธาตุ | แสดงให้เห็นถึงองค์ประกอบ | องค์ประกอบข้อความแสดงความคิดเห็น ProcessingInstruction, CDATASection, EntityReference |
2 | attr | หมายถึงแอตทริบิวต์ | ข้อความ EntityReference |
3 | ข้อความ | แสดงให้เห็นถึงเนื้อหาต้นฉบับเดิมในองค์ประกอบหรือแอตทริบิวต์ | ไม่มี |
4 | CDATASection | หมายถึงส่วน CDATA ในเอกสาร (ข้อความที่จะไม่ถูกแยกวิเคราะห์โดย parser ก) | ไม่มี |
5 | EntityReference | แสดงให้เห็นถึงการอ้างอิงนิติบุคคล | องค์ประกอบ ProcessingInstruction, แสดงความคิดเห็น, ข้อความ, CDATASection, EntityReference |
6 | เอกลักษณ์ | หมายถึงกิจการ | องค์ประกอบ ProcessingInstruction, แสดงความคิดเห็น, ข้อความ, CDATASection, EntityReference |
7 | ProcessingInstruction | หมายถึงการเรียนการสอนการประมวลผล | ไม่มี |
8 | คิดเห็น | หมายถึงการแสดงความคิดเห็น | ไม่มี |
9 | เอกสาร | หมายถึงเอกสารทั้งหมด (the root-node of the DOM tree) | องค์ประกอบ ProcessingInstruction แสดงความคิดเห็น DocumentType |
10 | ประเภทเอกสาร | ให้ติดต่อไปยังหน่วยงานที่กำหนดไว้สำหรับเอกสารที่ | ไม่มี |
11 | DocumentFragment | แสดงให้เห็นถึง "lightweight" เอกสารวัตถุที่สามารถถือเป็นส่วนหนึ่งของเอกสาร | องค์ประกอบ ProcessingInstruction, แสดงความคิดเห็น, ข้อความ, CDATASection, EntityReference |
12 | เอกสาร | แสดงให้เห็นถึงสัญกรณ์ประกาศในการ DTD | ไม่มี |
ประเภทโหนด - ค่าที่ส่งคืน
ค่าตอบแทนของ NodeName และคุณสมบัติ nodeValue สำหรับแต่ละโหนดประเภทนี้:
ประเภทโหนด | ผลตอบแทน nodeName | ผลตอบแทน nodeValue | |
---|---|---|---|
1 | ธาตุ | ชื่อองค์ประกอบ | โมฆะ |
2 | attr | ชื่อแอตทริบิวต์ | ค่าแอตทริบิวต์ |
3 | ข้อความ | #text | เนื้อหาของโหนด |
4 | CDATASection | # CDATA ส่วน | เนื้อหาของโหนด |
5 | EntityReference | ชื่ออ้างอิงเอนทิตี | โมฆะ |
6 | เอกลักษณ์ | ชื่อนิติบุคคล | โมฆะ |
7 | ProcessingInstruction | เป้า | เนื้อหาของโหนด |
8 | คิดเห็น | #comment | ข้อความแสดงความคิดเห็น |
9 | เอกสาร | #เอกสาร | โมฆะ |
10 | ประเภทเอกสาร | ชื่อประเภทเอกสาร | โมฆะ |
11 | DocumentFragment | ส่วน #document | โมฆะ |
12 | เอกสาร | ชื่อสัญกรณ์ | โมฆะ |
NodeTypes - ค่าคงที่ชื่อ
NodeType | การตั้งชื่ออย่างต่อเนื่อง |
---|---|
1 | ELEMENT_NODE |
2 | ATTRIBUTE_NODE |
3 | TEXT_NODE |
4 | CDATA_SECTION_NODE |
5 | ENTITY_REFERENCE_NODE |
6 | ENTITY_NODE |
7 | PROCESSING_INSTRUCTION_NODE |
8 | COMMENT_NODE |
9 | DOCUMENT_NODE |
10 | DOCUMENT_TYPE_NODE |
11 | DOCUMENT_FRAGMENT_NODE |
12 | NOTATION_NODE |
ตัวอย่างอื่น ๆ
ตัวอย่าง
รับชนิดของโหนของ <body> องค์ประกอบ:
var x = document.body.nodeType;
ผลของ x จะเป็น:
1
ลองตัวเอง» ตัวอย่าง
รับประเภทโหนดของ <body> องค์ประกอบของโหนดลูก:
var c = document.body.childNodes;
var txt = "";
var i;
for (i =
0; i < c.length; i++) {
txt = txt + c[i].nodeType +
"<br>";
}
document.getElementById("demo").innerHTML = txt;
ผลจากการ txt จะเป็น:
3 // text node
1 // element node
3
// text node
1 // element node
3 // text node
1
// element node
3 // text node
8
// comment node
3 // text node
1 // element node
3 // text node
1
// element node
3 // text node
1
// element node
3 // text node
ลองตัวเอง» ตัวอย่าง
ได้รับชื่อโหนดค่าโหนดและชนิดของโหนของ <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>
ผลจากการ txt จะเป็น:
The node name: #text
The node value: This is a div element.
The node
type: 3
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: โหนด nodeName ทรัพย์สิน
อ้างอิง HTML DOM: โหนด nodeValue ทรัพย์สิน
อ้างอิง HTML DOM: โหนด childNodes ทรัพย์สิน