Properti HTML DOM nodeType
Contoh
Dapatkan tipe simpul dari elemen tubuh:
var x = document.getElementById("myP").nodeType;
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti nodeType mengembalikan tipe node, sebagai angka, dari node yang ditentukan.
Jika node adalah node elemen, properti nodeType akan mengembalikan 1.
Jika node adalah node atribut, properti nodeType akan mengembalikan 2.
Jika node adalah node teks, properti nodeType akan mengembalikan 3.
Jika node adalah node komentar, properti nodeType akan mengembalikan 8.
Properti ini hanya-baca.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
nodeType | Yes | Yes | Yes | Yes | Yes |
Sintaksis
node.nodeType
Detail Teknis
Nilai Kembali: | Sebuah Nomor, mewakili jenis simpul dari simpul |
---|---|
Versi DOM | Objek Node Tingkat 1 Inti |
Tipe Node
Dokumen, elemen, atribut, dan aspek lain dari dokumen HTML atau XML memiliki tipe simpul yang berbeda.
Ada 12 jenis simpul yang berbeda, yang mungkin memiliki turunan dari berbagai jenis simpul:
Node type | Description | Children | |
---|---|---|---|
1 | Element | Represents an element | Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference |
2 | Attr | Represents an attribute | Text, EntityReference |
3 | Text | Represents textual content in an element or attribute | None |
4 | CDATASection | Represents a CDATA section in a document (text that will NOT be parsed by a parser) | None |
5 | EntityReference | Represents an entity reference | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
6 | Entity | Represents an entity | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
7 | ProcessingInstruction | Represents a processing instruction | None |
8 | Comment | Represents a comment | None |
9 | Document | Represents the entire document (the root-node of the DOM tree) | Element, ProcessingInstruction, Comment, DocumentType |
10 | DocumentType | Provides an interface to the entities defined for the document | None |
11 | DocumentFragment | Represents a "lightweight" Document object, which can hold a portion of a document | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
12 | Notation | Represents a notation declared in the DTD | None |
Jenis Node - Nilai Kembali
Nilai kembali dari nodeName dan properti nodeValue untuk setiap jenis node:
Node type | nodeName returns | nodeValue returns | |
---|---|---|---|
1 | Element | element name | null |
2 | Attr | attribute name | attribute value |
3 | Text | #text | content of node |
4 | CDATASection | #cdata-section | content of node |
5 | EntityReference | entity reference name | null |
6 | Entity | entity name | null |
7 | ProcessingInstruction | target | content of node |
8 | Comment | #comment | comment text |
9 | Document | #document | null |
10 | DocumentType | doctype name | null |
11 | DocumentFragment | #document fragment | null |
12 | Notation | notation name | null |
NodeTypes - Konstanta Bernama
NodeType | Named Constant |
---|---|
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 |
Lebih Banyak Contoh
Contoh
Dapatkan tipe simpul dari elemen <body>:
var x = document.body.nodeType;
Contoh
Dapatkan tipe simpul dari simpul anak elemen <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;
Contoh
Dapatkan nama simpul, nilai simpul, dan jenis simpul dari simpul anak pertama elemen <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>
Halaman Terkait
Referensi DOM HTML: simpul. properti nodeName
Referensi DOM HTML: simpul. properti nodeValue
Referensi DOM HTML: simpul. properti childNodes