JS - Element properties

If the node is an element node, the nodeType property will return 1.
If the node is an attribute node, the nodeType property will return 2.
If the node is a text node, the nodeType property will return 3.
If the node is a comment node, the nodeType property will return 8.

1 - Element - description: represents an element; children: Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference
2 - Attr - description: represents an attribute; children: Text, EntityReference
3 - Text- description: represents textual content in an element or attribute; children: None
4 - CDATASection- description: represents a CDATA section in a document (text that will NOT be parsed by a parser); children: None
5 - EntityReference- description: represents an entity reference; children: Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
6 - Entity- description: represents an entity; children: Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
7 - ProcessingInstruction- description:Represents a processing instruction; children: None
8 - Comment - description: represents a comment; children: None
9 - Document- description: represents the entire document (the root-node of the DOM tree); children: Element, ProcessingInstruction, Comment, DocumentType
10 - DocumentType- description: provides an interface to the entities defined for the document; children: None
11 - DocumentFragment- description: represents a "lightweight" Document object, which can hold a portion of a document; children: Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
12 - Notation- description: represents a notation declared in the DTD; children: None

Click the button to get the node type of this element.

This is "DIV".

Node name, type and value of "DIV"s first child is:

            <div>
                <p id="par">Click the button to get the node type of this element.</p>
                <button onclick="firstFunction()">Try it</button>
                <p id="prop"></p>
                <div id="DIV">This is "DIV".</div>
                <p>Node name, type and value of "DIV"s first child is:</p>
                <p id="prop1"></p>
            </div>
            <script>
                function firstFunction() {
                    var x = document.getElementById("par").nodeType;
                    document.getElementById("prop").innerHTML = "nodeType is : " + x;
                }
                const x = document.getElementById("DIV").firstChild;
                let text = "";
                text += "Name: " + x.nodeName + "<br>";
                text += "Value: " + x.nodeValue + "<br>";
                text += "Type: " + x.nodeType;
                document.getElementById("prop1").innerHTML = text;
            </script>

Whitespaces between elements are considered text nodes.

Comments are considered comment nodes.

The node types of the body element's child nodes are:

            <div>
                <p>Whitespaces between elements are considered text nodes.</p>
                <!-- My personal comment goes here..  -->
                <div>Comments are considered comment nodes.</div>
                
                <p>The node types of the body element's child nodes are:</p>
                <p id="prop2"></p>
                
            </div>
            <script>
                const nodes = document.body.childNodes;
                let text1 = "";
                for (let i = 0; i < nodes.length; i++) {
                    text1 += nodes[i].nodeType + " " + nodes[i].nodeName + " -- ";
                }
                document.getElementById("prop2").innerHTML = text1;
            </script>

JS - element properties - nodeType

returns the node type of a node.