HTML DOM Element nodeType-egenskapen

Definition och användning

nodeType Egenskapen returnerar nodtypen i numerisk form.

  • Om noden är en elementnod, kommer nodeType-egenskapen att returnera 1.
  • Om noden är en egenskapsnod, kommer nodeType-egenskapen att returnera 2.
  • Om noden är en textnod, kommer nodeType-egenskapen att returnera 3.
  • Om noden är en kommentar, kommer nodeType-egenskapen att returnera 8.

Denna egenskap är skrivskyddad.

Se också:

nodeName-egenskapen

nodeValue-egenskapen

tagName-egenskapen

childNodes-egenskapen

Exempel

Exempel 1

Hämta nodtypen för body-elementet:

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

Prova själv

Exempel 2

Returnerar nodtypen för <body>-elementet:

document.body.nodeType;

Prova själv

Exempel 3

Visa nodtypen för alla element:

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

Prova själv

Exempel 4

Hämta namnet, värdet och typen för den första undernoden av "myDIV":

const x = document.getElementById("myDIV").firstChild;
let text = "";
text += "Name: " + x.nodeName + "<br>";
text += "Value: " + x.nodeValue + "<br>";
text += "Type: " + x.nodeType;

Prova själv

Syntax

node.nodeType

Return value

Type Description
Value The node type of a 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 types:

Type Description Child nodes
1 Element Represents an element
  • Element
  • Text
  • Comment
  • ProcessingInstruction
  • CDATASection
  • EntityReference
2 Attr Represents an attribute
  • Text
  • EntityReference
3 Text Represents text content in an element or attribute None.
4 CDATASection Represents the CDATA section in the document
(Text that will not be parsed by the 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 for entities defined for the document None.
11 DocumentFragment Represents a 'lightweight' Document object that can save a fragment of the document.
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
12 Notation Represents a symbol declared in the DTD None.

Node type - return value

Each node type's nodeName and nodeValue property returns the following:

Type nodeName nodeValue
1 Element Element name null
2 Attr Attribute name Attribute value
3 Text #text Node content
4 CDATASection #cdata-section Node content
5 EntityReference Entity reference name null
6 Entity Entity name null
7 ProcessingInstruction target Node content
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 web browsers fully support it:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd 9-11 Stöd Stöd Stöd Stöd