HTML DOM nodeType- eigenschap
Voorbeeld
Haal het knooppunttype van het body-element op:
var x = document.getElementById("myP").nodeType;
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De eigenschap nodeType retourneert het knooppunttype, als een getal, van het opgegeven knooppunt.
Als het knooppunt een elementknooppunt is, retourneert de eigenschap nodeType 1.
Als het knooppunt een attribuutknooppunt is, retourneert de eigenschap nodeType 2.
Als het knooppunt een tekstknooppunt is, retourneert de eigenschap nodeType 3.
Als het knooppunt een commentaarknooppunt is, retourneert de eigenschap nodeType 8.
Deze eigenschap is alleen-lezen.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
nodeType | Yes | Yes | Yes | Yes | Yes |
Syntaxis
node.nodeType
Technische details
Winstwaarde: | Een getal, dat het knooppunttype van het knooppunt weergeeft |
---|---|
DOM-versie | Kernniveau 1 knooppuntobject |
Knooppunttypen
Documenten, elementen, attributen en andere aspecten van een HTML- of XML-document hebben verschillende typen knooppunten.
Er zijn 12 verschillende typen knooppunten, die kinderen van verschillende typen knooppunten kunnen hebben:
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 |
Knooppunttypen - Retourwaarden
De geretourneerde waarde van de nodeName en de nodeValue-eigenschappen voor elk knooppunttype:
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 - benoemde constanten
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 |
Meer voorbeelden
Voorbeeld
Haal het knooppunttype van het <body>-element op:
var x = document.body.nodeType;
Voorbeeld
Verkrijg de knooppunttypen van de onderliggende knooppunten van het <body>-element:
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;
Voorbeeld
Verkrijg de knooppuntnaam, knooppuntwaarde en het knooppunttype van het eerste onderliggende knooppunt van het <div>-element:
<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>
Gerelateerde pagina's
HTML DOM-referentie: node. nodeName eigenschap
HTML DOM-referentie: node. nodeValue-eigenschap
HTML DOM-referentie: node. childNodes-eigenschap