Propriedade nodeType do Elemento DOM HTML

Definição e uso

nodeType A propriedade retorna o tipo de nó do nó especificado em forma numérica.

  • Se o nó for um nó de elemento, a propriedade nodeType retornará 1.
  • Se o nó for um nó de atributo, a propriedade nodeType retornará 2.
  • Se o nó for um nó de texto, a propriedade nodeType retornará 3.
  • Se o nó for um nó de comentário, a propriedade nodeType retornará 8.

Esta propriedade é apenas leitura.

Veja também:

Atributo nodeName

Atributo nodeValue

Atributo tagName

Atributo childNodes

Exemplo

Exemplo 1

Obtenha o tipo de nó do elemento body:

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

Experimente pessoalmente

Exemplo 2

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

document.body.nodeType;

Experimente pessoalmente

Exemplo 3

Exiba o tipo de nó de todos os elementos:

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

Experimente pessoalmente

Exemplo 4

Obtenha o nome, valor e tipo do primeiro filho do "myDIV":

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

Experimente pessoalmente

sintaxe

.nodeType

Valor retornado

Tipo descrição
Números Tipo de nó do nó. Veja a tabela a seguir.

Tipos de nó

Os documentos HTML ou XML, elementos, atributos e outros nós possuem tipos de nó diferentes.

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

Tipo descrição nós filhos
1 Element Representa um elemento
  • Element
  • Texto
  • Comentário
  • ProcessingInstruction
  • CDATASection
  • EntityReference
2 Attr Representa um atributo
  • Texto
  • EntityReference
3 Texto Representa o conteúdo de texto de um elemento ou atributo Nenhum.
4 CDATASection Representa a seção CDATA do documento
(não será analisado pelo parser)
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 Comentário Representa um comentário Nenhum.
9 Document Representa o documento inteiro (nó raiz da árvore DOM)
  • Element
  • ProcessingInstruction
  • Comentário
  • DocumentType
10 DocumentType Fornece uma interface para entidades definidas no documento Nenhum.
11 DocumentFragment Representa um objeto Document 'leve', que pode salvar fragmentos de documentos.
  • Element
  • ProcessingInstruction
  • Comentário
  • Texto
  • CDATASection
  • EntityReference
12 Notação Representa símbolos declarados no DTD Nenhum.

Tipos de nó - valor retornado

Cada tipo de nó tem um valor de nodeName e nodeValue retornado, conforme a seguir:

Tipo nodeName nodeValue
1 Element nome do elemento null
2 Attr nome do atributo valor do atributo
3 Texto #texto conteúdo do nó
4 CDATASection #seção-cdata conteúdo do nó
5 EntityReference nome da referência da entidade null
6 Entidade nome da entidade null
7 ProcessingInstruction alvo conteúdo do nó
8 Comentário #comentário texto de comentário
9 Document #documento null
10 DocumentType nome do doctype null
11 DocumentFragment #documento fragmento null
12 Notação Nome simbólico null

Tipos de nó - constantes nomeadas

Tipo Constantes nomeadas
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

Suporte do navegador

element.nodeType é uma característica do DOM Level 1 (1998).

Todos os navegadores suportam completamente isso:

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