ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

HTML DOM nodeType Propery

<ธาตุวัตถุ

ตัวอย่าง

รับชนิดของโหนขององค์ประกอบร่างกาย:

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 ทรัพย์สิน


<ธาตุวัตถุ