Ejemplo
Saber cuántas <p> elementos que hay en el documento:
var nodelist = document.getElementsByTagName("P").length;El resultado de la lista de nodos será:
4 Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
La propiedad de longitud devuelve el número de nodos en un objeto NodeList.
La colección de un objeto de nodo de los nodos secundarios es un ejemplo de un objeto NodeList.
La propiedad de longitud es útil cuando se desea colocar a través de los nodos de una lista de nodos (See "More Examples" below) .
Esta propiedad es de solo lectura.
Consejo: Utilice el item() método para devolver un nodo en el índice especificado en un objeto NodeList.
Soporte del navegador
| Propiedad | |||||
|---|---|---|---|---|---|
| length | Sí | Sí | Sí | Sí | Sí |
Sintaxis
Detalles técnicos Valor de retorno: Un número, que representa el número de nodos en la lista de nodos Versión DOM Nivel básico 1 lista de nodos de objetos
Más ejemplos
Ejemplo
Saber cuántas <p> elementos que hay dentro de un <div> elemento:
var div = document.getElementById("myDIV");
// Get the <div> element with id="myDIV"
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div> El resultado de la lista de nodos será:
3 Inténtalo tú mismo "
Ejemplo
Recorrer todos los <p> elementos dentro de un <div> elemento, y cambiar el color de fondo de cada <p> :
var div = document.getElementById("myDIV");
var nodelist =
div.getElementsByTagName("P");
var i;
for (i = 0; i <
nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
} Inténtalo tú mismo "
Ejemplo
Devuelve el número de nodos secundarios del <body> elemento:
var nodelist = document.body.childNodes.length; El resultado de la lista de nodos será:
12 Inténtalo tú mismo "
Ejemplo
Loop a través de los nodos secundarios del <body> y la salida el nombre de nodo de cada nodo hijo:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0;
i < nodelist.length; i++) {
txt = txt +
nodelist[i].nodeName + "<br>";
} El resultado de txt será:
#comment
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text Inténtalo tú mismo "
Páginas relacionadas
HTML DOM Referencia: href="met_nodelist_item.html"> nodelist . item() Method href="met_nodelist_item.html"> nodelist . item() Method
HTML DOM Referencia: elemento .childNodes Propiedad
HTML DOM Referencia: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method
HTML DOM Referencia: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method
HTML DOM Referencia: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method
HTML DOM Referencia: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method
HTML DOM Referencia: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method
HTML DOM Referencia: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method
HTML DOM Referencia: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method