HTML DOM Element ιδιότητα nodeType

Ορισμός και χρήση

nodeType Η ιδιότητα nodeType επιστρέφει τον τύπο του στοιχείου ως αριθμό.

  • Αν το στοιχείο είναι στοιχείο στοιχείου, η ιδιότητα nodeType θα επιστρέψει 1.
  • Αν το στοιχείο είναι στοιχείο ιδιότητας, η ιδιότητα nodeType θα επιστρέψει 2.
  • Αν το στοιχείο είναι κείμενο, η ιδιότητα nodeType θα επιστρέψει 3.
  • Αν το στοιχείο είναι σχόλιο, η ιδιότητα nodeType θα επιστρέψει 8.

Αυτή η ιδιότητα είναι αναγνωριστική.

Δείτε επίσης:

Αtributo nodeName

Αtributo nodeValue

Αtributo tagName

Αtributo childNodes

Παράδειγμα

Παράδειγμα 1

Αποκτήστε τον τύπο του υποσώματος του στοιχείου body:

var x = document.getElementById("myP").nodeType;

δοκιμάστε προσωπικά

Παράδειγμα 2

Επιστρέφει τον τύπο του υποσώματος του στοιχείου <body>:

document.body.nodeType;

δοκιμάστε προσωπικά

Παράδειγμα 3

Εμφανίστε τον τύπο του υποσώματος όλων των στοιχείων:

const nodes = document.body.childNodes;
let text = "";
for (let i = 0; i < nodes.length; i++) {
  text += nodes[i].nodeType + "<br>";
}

δοκιμάστε προσωπικά

Παράδειγμα 4

Αποκτήστε το όνομα, την τιμή και τον τύπο του πρώτου υποσώματος του "myDIV":

const x = document.getElementById("myDIV").firstChild;
let text = "";
text += "Όνομα: " + x.nodeName + "<br>";
text += "Τιμή: " + x.nodeValue + "<br>";
text += "Τύπος: " + x.nodeType;

δοκιμάστε προσωπικά

Syntax

node.nodeType

Return value

Type Description
Value The node type of the node. See the following table.

Node type

The document, element, attribute, and other nodes of HTML or XML documents have different node types.

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

Type Description Child nodes
1 Element Represents elements
  • Element
  • Text
  • Comment
  • ProcessingInstruction
  • CDATASection
  • EntityReference
2 Attr Represents attributes
  • Text
  • EntityReference
3 Text Represents the text content in elements or attributes None.
4 CDATASection Represents the CDATA section in the document
(Text that will not be parsed by the parser)		 None.
5 EntityReference Represents entity references
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
6 Entity Represents entities
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
7 ProcessingInstruction Represents processing instructions None.
8 Comment Represents comments None.
9 Document Represents the entire document (the root node of the DOM tree)
  • Element
  • ProcessingInstruction
  • Comment
  • DocumentType
10 DocumentType Provides an interface to entities defined for the document None.
11 DocumentFragment Represents a 'lightweight' Document object that can save document fragments.
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
12 Notation Represents symbols declared in DTD None.

Node type - return value

Each node type returns the nodeName and nodeValue properties of the node type:

Type όνομα Νοήματος τιμή Νοήματος
1 Element Element name null
2 Attr Attribute name Attribute value
3 Text #text The content of the node
4 CDATASection #cdata-section The content of the node
5 EntityReference Entity reference name null
6 Entity Entity name null
7 ProcessingInstruction target The content of the node
8 Comment #comment Comment text
9 Document #document null
10 DocumentType doctype name null
11 DocumentFragment #document fragment null
12 Notation Symbol name null

Node type - named constants

Type Named constants
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

Browser support

element.nodeType It is a DOM Level 1 (1998) feature.

All browsers fully support it:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Υποστήριξη 9-11 Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη