DOM HTMLCollection
O objeto HTMLCollection
Um objeto HTMLCollection é uma lista semelhante a um array de elementos HTML.
Métodos como getElementsByTagName() retornam um HTMLCollection.
Propriedades e métodos
As seguintes propriedades e métodos podem ser usados em um objeto HTMLCollection:
| Property / Method | Description |
|---|---|
| item() | Returns the element at the specified index in an HTMLCollection |
| length | Returns the number of elements in an HTMLCollection |
| namedItem() | Returns the element with the specified ID, or name, in an HTMLCollection |
Exemplos
Exemplo
Obtenha um HTMLCollection:
var x = document.getElementsByTagName("P");
// Returns a
collection of all the P elements in the document
Exemplo
Escreva o número de elementos <p> no documento:
var x = document.getElementsByTagName("P");
document.write(x.length);
Exemplo
Faça um loop em cada elemento em um HTMLCollection:
x = document.getElementsByTagName("*");
l = x.length;
for (i = 0; i <
l; i++) {
document.write(x[i].tagName + "<br>");
}