The DOM nodeType Property is used to find out the type of the node that we are referring to. The type for a particular node is returned in numerical form. DOM nodeType property is a read-only property.
Syntax
nodeName.nodeTypeReturn value : It returns a numeric value as according to the type of node.
- 1: Node.ELEMENT_NODE
- 3: Node.TEXT_NODE
- 8: Node.COMMENT_NODE
- 9: Node.DOCUMENT_NODE
- 11: Node.DOCUMENT_FRAGMENT_NODE
Example 1:
<!--Driver Code Starts-->
<!DOCTYPE html>
<html>
<head>
<title>
HTML|DOM nodeType Property
</title>
<style>
p,
h5 {
color: green;
}
</style>
</head>
<body style="text-align: center;">
<p id="gfg">
GeeksforGeeks
</p>
<h5>
Welcome to GeeksforGeeks
</h5>
<!--Driver Code Ends-->
<button onclick="node()">
Click here to know the node type.
</button>
<p id="nodetype"></p>
<script>
function node() {
var geek = document.getElementById("gfg").nodeType;
document.getElementById("nodetype").innerHTML = geek;
}
</script>
<!--Driver Code Starts-->
</body>
</html>
<!--Driver Code Ends-->
Example 2:
<!--Driver Code Starts-->
<!DOCTYPE html>
<html>
<head>
<title>HTML|DOM nodeType Property</title>
<style>
h5 {
color: green;
}
</style>
</head>
<body style="text-align: center;">
<h3>Welcome to GeeksforGeeks</h3>
<!--Driver Code Ends-->
<button onclick="nType()">
Click here to know the node type.
</button>
<p id="nodetype"></p>
<script>
function nType() {
var geek = document.body.nodeType;
document.getElementById("nodetype").innerHTML = geek;
}
</script>
<!--Driver Code Starts-->
</body>
</html>
<!--Driver Code Ends-->
- Instead of writing if (node.nodeType === 1), developers usually write if (node.nodeType === Node.ELEMENT_NODE). Some older constants (ENTITY_REFERENCE_NODE, ENTITY_NODE, NOTATION_NODE) are deprecated and no longer used.
- The property cannot be changed, and it is available on all nodes (elements, text, comments, documents, etc.), making it essential for safely checking node identity before performing type-specific operations.
