Una lista de nodos es una colección de nodos
Lista HTML DOM nodo
El getElementsByTagName() método devuelve unalista de nodos.Una lista de nodos es una colección de tipo vector de nodos.
El código siguiente selecciona todos los <p> nodos de un documento:
Ejemplo
var
x = document.getElementsByTagName("p");
Los nodos pueden ser accedidos por un número de índice. Para acceder al segundo nodo <p> puede escribir:
y = x[1];
Inténtalo tú mismo " Nota: El índice comienza en 0.
Lista de nodos DOM HTML Longitud
La propiedad de longitud define el número de nodos de una lista de nodos:
Ejemplo
var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;
Inténtalo tú mismo " Ejemplo explicó:
- Obtener todos los <p> elementos en una lista de nodos
- Mostrar la longitud de la lista de nodos
La propiedad length es útil cuando se desea colocar a través de los nodos de una lista de nodos:
Ejemplo
Cambiar el color de fondo de todos los <p> elementos en una lista de nodos:
var myNodelist = document.getElementsByTagName("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}
Inténtalo tú mismo " Una lista de nodos no es una matriz!
Una lista de nodos puede ver como una matriz, pero no lo es. Puede recorrer la lista de nodos y se refieren a sus nodos como una matriz. Sin embargo, no se puede utilizar métodos de arreglos, como valueOf() o join() en la lista de nodos.