HTML DOM nodeType Propery

<Elemento de objeto

Ejemplo

Obtener el tipo de nodo del elemento del cuerpo:

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

El resultado de x será:

Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

La propiedad nodeType devuelve el tipo de nodo, como un número, del nodo especificado.

Si el nodo es un nodo de elemento, la propiedad volverá nodeType 1.

Si el nodo es un nodo de atributo, la propiedad volverá nodeType 2.

Si el nodo es un nodo de texto, la propiedad volverá nodeType 3.

Si el nodo es un nodo de comentario, la propiedad volverá nodeType 8.

Esta propiedad es de solo lectura.

Soporte del navegador

Propiedad
nodeType	Sí	Sí	Sí	Sí	Sí

Sintaxis

node .nodeType

Detalles técnicos

Valor de retorno:	Un número, que representa el tipo de nodo del nodo
Versión DOM	Nivel básico de objetos 1 Nodo

Tipos de nodos

Documentos, elementos, atributos y otros aspectos de un documento HTML o XML tiene diferentes tipos de nodos.

Hay 12 tipos de nodos diferentes, que pueden tener niños de diferentes tipos de nodos:

tipo de nodo		Descripción	Niños
1	Elemento	Representa un elemento	Elemento, texto, comentario, ProcessingInstruction, CDATASection, EntityReference
2	atr	Representa un atributo	Texto, EntityReference
3	Texto	Representa el contenido textual de un elemento o atributo	Ninguna
4	CDATASection	Representa una sección CDATA en un documento (texto que no será analizado por un analizador)	Ninguna
5	EntityReference	Representa una referencia de entidad	Elemento, ProcessingInstruction, comentario, texto, CDATASection, EntityReference
6	Entidad	Representa una entidad	Elemento, ProcessingInstruction, comentario, texto, CDATASection, EntityReference
7	ProcessingInstruction	Representa una instrucción de procesamiento	Ninguna
8	Comentario	Representa un comentario	Ninguna
9	Documento	Representa todo el documento (the root-node of the DOM tree)	Elemento, ProcessingInstruction, Comentario, DocumentType
10	Tipo de Documento	Proporciona una interfaz para las entidades definidas para el documento	Ninguna
11	DocumentFragment	Representa una "lightweight" objeto de documento, que puede contener una parte de un documento	Elemento, ProcessingInstruction, comentario, texto, CDATASection, EntityReference
12	Notación	Representa una notación declarada en el DTD	Ninguna

Tipos de nodos - Valores devueltos

El valor de retorno de la nodeName y las propiedades nodeValue para cada tipo de nodo:

tipo de nodo		vuelve nodeName	vuelve nodeValue
1	Elemento	nombre del elemento	nulo
2	atr	Nombre del Atributo	valor de atributo
3	Texto	#texto	el contenido del nodo
4	CDATASection	# CDATA sección	el contenido del nodo
5	EntityReference	Nombre de referencia de la entidad	nulo
6	Entidad	nombre de la entidad	nulo
7	ProcessingInstruction	objetivo	el contenido del nodo
8	Comentario	#comentario	texto del comentario
9	Documento	#documento	nulo
10	Tipo de Documento	nombre del tipo de documento	nulo
11	DocumentFragment	fragmento #document	nulo
12	Notación	nombre de la notación	nulo

- NodeTypes constantes con nombre

NodeType	llamado 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

Más ejemplos

Ejemplo

Obtener el tipo de nodo de la <body> elemento:

var x = document.body.nodeType;

El resultado de x será:

Inténtalo tú mismo "

Ejemplo

Obtener los tipos de nodos de los <body> nodos hijo del 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;

El resultado de 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

Inténtalo tú mismo "

Ejemplo

Recibe el nombre de nodo, el valor de nodo y el tipo de nodo de la <div> primer nodo hijo del elemento:

<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>

El resultado de txt será:

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

Inténtalo tú mismo "