Proprietà nodeType dell'elemento HTML DOM

Definizione e uso

nodeType L'attributo restituisce il tipo di nodo specificato in forma numerica.

  • Se il nodo è un nodo elemento, l'attributo nodeType restituirà 1.
  • Se il nodo è un nodo attributo, l'attributo nodeType restituirà 2.
  • Se il nodo è un nodo testo, l'attributo nodeType restituirà 3.
  • Se il nodo è un nodo commento, l'attributo nodeType restituirà 8.

Questa proprietà è readonly.

Vedi anche:

Proprietà nodeName

Proprietà nodeValue

Proprietà tagName

Proprietà childNodes

Esempio

Esempio 1

Ottieni il tipo di nodo dell'elemento body:

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

Prova personalmente

Esempio 2

Restituisce il tipo di nodo dell'elemento <body>:

document.body.nodeType;

Prova personalmente

Esempio 3

Mostra il tipo di nodo di tutti gli elementi:

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

Prova personalmente

Esempio 4

Ottieni il nome del nodo, il valore e il tipo del primo figlio di "myDIV":

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

Prova personalmente

sintassi

nodo.nodeType

Valore di ritorno

Tipo descrizione
Numerico Il tipo di nodo del nodo. Vedi la tabella seguente.

Tipi di nodo

I documenti HTML o XML, gli elementi, gli attributi e altri nodi hanno tipi di nodo diversi.

Ci sono 12 tipi diversi di nodi, che possono avere sotto-nodi di vari tipi di nodi:

Tipo descrizione sotto-nodi
1 Element Rappresenta l'elemento.
  • Element
  • Text
  • Commento
  • ProcessingInstruction
  • CDATASection
  • EntityReference
2 Attr Rappresenta l'attributo.
  • Text
  • EntityReference
3 Text Rappresenta il contenuto testuale degli elementi o degli attributi. Nessuno.
4 CDATASection Rappresenta la sezione CDATA del documento.
(Testo non解析 dal parser)
Nessuno.
5 EntityReference Rappresenta le referenze delle entità.
  • Element
  • ProcessingInstruction
  • Commento
  • Text
  • CDATASection
  • EntityReference
6 Entità Rappresenta le entità.
  • Element
  • ProcessingInstruction
  • Commento
  • Text
  • CDATASection
  • EntityReference
7 ProcessingInstruction Rappresenta le istruzioni di processing. Nessuno.
8 Commento Rappresenta i commenti. Nessuno.
9 Document Rappresenta l'intero documento (il nodo radice dell'albero DOM).
  • Element
  • ProcessingInstruction
  • Commento
  • DocumentType
10 DocumentType Fornisce un'interfaccia per le entità definite nel documento. Nessuno.
11 DocumentFragment Rappresenta l'oggetto Document 'leggero', che può salvare un frammento di documento.
  • Element
  • ProcessingInstruction
  • Commento
  • Text
  • CDATASection
  • EntityReference
12 Notazione Rappresenta i simboli dichiarati nel DTD. Nessuno.

Tipi di nodo - Valori di ritorno

Ogni tipo di nodo ha un valore di nodeName e nodeValue di ritorno, come indicato di seguito:

Tipo nodeName nodeValue
1 Element nome dell'elemento null
2 Attr nome dell'attributo valore dell'attributo
3 Text #text contenuto del nodo
4 CDATASection #cdata-section contenuto del nodo
5 EntityReference nome della referenza dell'entità null
6 Entità nome dell'entità null
7 ProcessingInstruction destinatario contenuto del nodo
8 Commento #commento testo dei commenti
9 Document #document null
10 DocumentType nome doctype null
11 DocumentFragment #document sezione null
12 Notazione Nome simbolico null

Tipi di nodo - Costanti di nome

Tipo Costanti di nome
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

Supporto del browser

element.nodeType È una caratteristica DOM Level 1 (1998).

Tutti i browser lo supportano completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto 9-11 Supporto Supporto Supporto Supporto