HTML DOM nodeType Propery

<Elemento de objeto

Exemplo

Obter o tipo de nó do elemento do corpo:

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

O resultado x será:

Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

A propriedade nodeType retorna o tipo de nó, como um número, do nó especificado.

Se o nó é um nó de elemento, a propriedade nodeType retornará 1.

Se o nó é um nó de atributo, a propriedade nodeType retornará 2.

Se o nó é um nó de texto, a propriedade nodeType retornará 3.

Se o nó é um nó de comentário, a propriedade nodeType voltará 8.

Esta propriedade é somente leitura.

Suporte navegador

Propriedade
nodeType	sim	sim	sim	sim	sim

Sintaxe

node .nodeType

Detalhes técnicos

Valor de retorno:	Um número, que representa o tipo de nó do nó
DOM Versão	Núcleo Nível Objeto 1 Node

Tipos de nó

Documentos, elementos, atributos, e outros aspectos de um documento HTML ou XML tem diferentes tipos de nós.

Existem 12 tipos de nós diferentes, que podem ter filhos de vários tipos de nó:

tipo de nó		Descrição	Crianças
1	Elemento	Representa um elemento	Elemento, texto, comentário, ProcessingInstruction, CDATASection, EntityReference
2	attr	Representa um atributo	Texto, EntityReference
3	Texto	Representa o conteúdo textual em um elemento ou atributo	Nenhum
4	CDATASection	Representa uma seção CDATA em um documento (texto que não será analisado por um analisador)	Nenhum
5	EntityReference	Representa uma referência de entidade	Element, ProcessingInstruction, Comentário, Texto, CDATASection, EntityReference
6	Entidade	Representa uma entidade	Element, ProcessingInstruction, Comentário, Texto, CDATASection, EntityReference
7	ProcessingInstruction	Representa uma instrução de processamento	Nenhum
8	Comente	Representa um comentário	Nenhum
9	Documento	Representa todo o documento (the root-node of the DOM tree)	Element, ProcessingInstruction, comentário, DocumentType
10	Tipo de documento	Fornece uma interface para as entidades definidas para o documento	Nenhum
11	DocumentFragment	Representa uma "lightweight" Document objeto, que pode segurar uma parte de um documento	Element, ProcessingInstruction, Comentário, Texto, CDATASection, EntityReference
12	Notação	Representa uma notação declarado no DTD	Nenhum

Tipos de nó - Valor Retornado

O valor de retorno do nodeName e as propriedades nodeValue para cada tipo de nó:

tipo de nó		retornos nodeName	retornos nodeValue
1	Elemento	nome do elemento	nulo
2	attr	Nome do Atributo	valor do atributo
3	Texto	#texto	conteúdo de nó
4	CDATASection	# Cdata-section	conteúdo de nó
5	EntityReference	nome de referência de entidade	nulo
6	Entidade	nome da entidade	nulo
7	ProcessingInstruction	alvo	conteúdo de nó
8	Comente	#comente	comentário de texto
9	Documento	#documento	nulo
10	Tipo de documento	nome doctype	nulo
11	DocumentFragment	fragmento #document	nulo
12	Notação	nome de notação	nulo

NodeTypes - Constantes nomeados

NodeType	nomeado constante
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

mais Exemplos

Exemplo

Obter o tipo de nó do <body> elemento:

var x = document.body.nodeType;

O resultado x será:

Tente você mesmo "

Exemplo

Obter os tipos de nó do <body> nós filhos do elemento:

var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
txt = txt + c[i].nodeType + "<br>";
}

document.getElementById("demo").innerHTML = txt;

O resultado do txt será:

3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
8    // comment node
3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
1    // element node
3    // text node

Tente você mesmo "

Exemplo

Obter o nome do nó, o valor de nó e o tipo de nó do <div> primeiro nó filho elemento de:

<div id="myDIV">This is a div element.</div>

<script>
var x = document.getElementById("myDIV").firstChild;
var txt = "";
txt += "The node name: " + x.nodeName + "<br>";
txt += "The node value: " + x.nodeValue + "<br>";
txt += "The node type: " + x.nodeType;
</script>

O resultado do txt será:

The node name: #text
The node value: This is a div element.
The node type: 3

Tente você mesmo "