Propriedade HTML DOM nodeType
Exemplo
Obtenha o tipo de nó do elemento body:
var x = document.getElementById("myP").nodeType;
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A propriedade nodeType retorna o tipo de nó, como um número, do nó especificado.
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 é somente leitura.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
nodeType | Yes | Yes | Yes | Yes | Yes |
Sintaxe
node.nodeType
Detalhes técnicos
Valor de retorno: | Um número, representando o tipo de nó do nó |
---|---|
Versão DOM | Objeto de nó de nível 1 principal |
Tipos de nós
Documentos, elementos, atributos e outros aspectos de um documento HTML ou XML possuem diferentes tipos de nós.
Existem 12 tipos de nós diferentes, que podem ter filhos de vários tipos de nós:
Node type | Description | Children | |
---|---|---|---|
1 | Element | Represents an element | Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference |
2 | Attr | Represents an attribute | Text, EntityReference |
3 | Text | Represents textual content in an element or attribute | None |
4 | CDATASection | Represents a CDATA section in a document (text that will NOT be parsed by a 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 to the entities defined for the document | None |
11 | DocumentFragment | Represents a "lightweight" Document object, which can hold a portion of a document | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
12 | Notation | Represents a notation declared in the DTD | None |
Tipos de nós - Valores de retorno
O valor de retorno das propriedades nodeName e nodeValue para cada tipo de nó:
Node type | nodeName returns | nodeValue returns | |
---|---|---|---|
1 | Element | element name | null |
2 | Attr | attribute name | attribute value |
3 | Text | #text | content of node |
4 | CDATASection | #cdata-section | content of node |
5 | EntityReference | entity reference name | null |
6 | Entity | entity name | null |
7 | ProcessingInstruction | target | content of node |
8 | Comment | #comment | comment text |
9 | Document | #document | null |
10 | DocumentType | doctype name | null |
11 | DocumentFragment | #document fragment | null |
12 | Notation | notation name | null |
NodeTypes - Constantes nomeadas
NodeType | Named Constant |
---|---|
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
Obtenha o tipo de nó do elemento <body>:
var x = document.body.nodeType;
Exemplo
Obtenha os tipos de nós dos nós filhos do elemento <body>:
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;
Exemplo
Obtenha o nome do nó, o valor do nó e o tipo de nó do primeiro nó filho do elemento <div>:
<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>
Páginas relacionadas
Referência HTML DOM: node. propriedade nodeName
Referência HTML DOM: node. propriedade nodeValue
Referência HTML DOM: node. propriedade childNodes