Element nodeType Property - Javascript DOM

Javascript examples for DOM:Element nodeType

Description

The nodeType property returns the node type, as a number.

This property is read-only.

Return Value

A Number, representing the node type of the node

Node Types

Documents, elements, attributes, and other aspects of an HTML or XML document has different node types.

There are 12 different node types, which may have children of various node types:

Value Node type Description Children
1 Element an element Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference
2 Attr an attribute Text, EntityReference
3 Text textual content in an element or attribute None
4 CDATASection a CDATA section in a document (text that will NOT be parsed by a parser) None
5 EntityReference an entity reference Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
6 Entityan entityElement, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
7 ProcessingInstruction a processing instruction None
8 Comment a commentNone
9 Document 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 a Document object, which can hold a portion of a document Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
12 Notation a notation declared in the DTD None

Node Types - Return Values

The return value of the nodeName and the nodeValue properties for each node type:

ValueNode type nodeName returns nodeValue returns
1 Element element name null
2 Attr attribute nameattribute value
3 Text #text content of node
4 CDATASection #cdata-sectioncontent of node
5 EntityReference entity reference name null
6 Entityentity name null
7 ProcessingInstruction targetcontent of node
8 Comment #comment comment text
9 Document #document null
10 DocumentType doctype name null
11 DocumentFragment #document fragmentnull
12 Notation notation name null

NodeTypes - Named Constants

NodeType Named Constant
1ELEMENT_NODE
2ATTRIBUTE_NODE
3TEXT_NODE
4CDATA_SECTION_NODE
5ENTITY_REFERENCE_NODE
6ENTITY_NODE
7PROCESSING_INSTRUCTION_NODE
8COMMENT_NODE
9DOCUMENT_NODE
10 DOCUMENT_TYPE_NODE
11 DOCUMENT_FRAGMENT_NODE
12 NOTATION_NODE

The following code shows how to get the node type of the body element:

Demo Code

ResultView the demo in separate window

<!DOCTYPE html>
<html>
<body>

<button onclick="myFunction()">Test</button>

<!-- My personal comment goes here..  -->

<p id="demo"></p>

<script>
function myFunction() {//ww w .  ja v a  2 s  . c  o m
    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;
}
</script>

</body>
</html>

Related Tutorials