Los últimos tutoriales de desarrollo web
 

JavaScript Lista HTML DOM nodo


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

  1. Obtener todos los <p> elementos en una lista de nodos
  2. 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.