tutoriais mais recente desenvolvimento web
 

JavaScript Lista HTML DOM Node


A lista de nós é uma coleção de nós


Lista HTML DOM Node

O getElementsByTagName() método retorna umalista de nós.A lista de nós é uma coleção de matriz semelhante de nós.

O código a seguir seleciona todos <p> nós em um documento:

Exemplo

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

Os nós podem ser acessados ​​por um número de índice. Para acessar o segundo nó <p> você pode escrever:

y = x[1];
Tente você mesmo "

Nota: O índice começa em 0.


HTML DOM Lista Nó Comprimento

A propriedade length define o número de nós em uma lista de nós:

Exemplo

var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;
Tente você mesmo "

Exemplo explicou:

  1. Obter todos <p> elementos em uma lista de nós
  2. Apresentar a duração da lista de nós

A propriedade length é útil quando você quiser percorrer os nós em uma lista de nós:

Exemplo

Alterar a cor de todos os fundo <p> elementos em uma lista de nós:

var myNodelist = document.getElementsByTagName("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
    myNodelist[i].style.backgroundColor = "red";
}
Tente você mesmo "

A lista de nós não é uma matriz!
A lista de nós pode olhar como uma matriz, mas não é. Você pode percorrer a lista de nós e se referem a seus nós como um array. No entanto, você não pode usar métodos matriz, como valueOf() ou join() na lista de nós.