Właściwość HTML DOM nodeType
Przykład
Pobierz typ węzła elementu body:
var x = document.getElementById("myP").nodeType;
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość nodeType zwraca typ węzła w postaci liczby określonego węzła.
Jeśli węzeł jest węzłem elementu, właściwość nodeType zwróci 1.
Jeśli węzeł jest węzłem atrybutu, właściwość nodeType zwróci 2.
Jeśli węzeł jest węzłem tekstowym, właściwość nodeType zwróci 3.
Jeśli węzeł jest węzłem komentarza, właściwość nodeType zwróci 8.
Ta właściwość jest tylko do odczytu.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
nodeType | Yes | Yes | Yes | Yes | Yes |
Składnia
node.nodeType
Szczegóły techniczne
Wartość zwrotu: | Liczba reprezentująca typ węzła węzła |
---|---|
Wersja DOM | Obiekt węzła poziomu podstawowego |
Typy węzłów
Dokumenty, elementy, atrybuty i inne aspekty dokumentu HTML lub XML mają różne typy węzłów.
Istnieje 12 różnych typów węzłów, które mogą mieć dzieci różnych typów węzłów:
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 |
Typy węzłów — zwracane wartości
Zwracana wartość właściwości nodeName i nodeValue dla każdego typu węzła:
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 — nazwane stałe
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 |
Więcej przykładów
Przykład
Pobierz typ węzła elementu <body>:
var x = document.body.nodeType;
Przykład
Pobierz typy węzłów węzłów podrzędnych elementu <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;
Przykład
Pobierz nazwę węzła, wartość węzła i typ węzła pierwszego węzła podrzędnego elementu <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>
Powiązane strony
Odniesienie HTML DOM: węzeł. Nazwa węzła Właściwość
Odniesienie HTML DOM: węzeł. właściwość nodeValue
Odniesienie HTML DOM: węzeł. Właściwość childNodes