Gli ultimi tutorial di sviluppo web
 

JavaScript Lista HTML DOM Node


Un elenco nodo è un insieme di nodi


Lista HTML DOM Node

Il getElementsByTagName() metodo restituisce unelenco dei nodi.Un elenco dei nodi è una collezione di serie simile di nodi.

Il seguente codice seleziona tutti <p> nodi di un documento:

Esempio

var x = document.getElementsByTagName("p");

I nodi sono accessibili da un numero di indice. Per accedere al secondo nodo <p> è possibile scrivere:

y = x[1];
Prova tu stesso "

Nota: L'indice inizia da 0.


HTML DOM nell'elenco nodi Lunghezza

La proprietà length definisce il numero di nodi di un elenco dei nodi:

Esempio

var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;
Prova tu stesso "

Esempio spiegato:

  1. Ottenere tutti <p> elementi in una lista nodi
  2. Visualizzare la lunghezza della lista nodi

La proprietà length è utile quando si desidera scorrere i nodi di un elenco dei nodi:

Esempio

Cambiare il colore di sfondo di tutte le <p> elementi in una lista di nodo:

var myNodelist = document.getElementsByTagName("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
    myNodelist[i].style.backgroundColor = "red";
}
Prova tu stesso "

Un elenco nodo non è un array!
Un elenco nodo può sembrare un array, ma non lo è. È possibile scorrere l'elenco dei nodi e fare riferimento ai suoi nodi come un array. Tuttavia, non è possibile utilizzare metodi di matrice, come valueOf() o join() nella lista dei nodi.