Objet HTMLCollection JS DOM

Objet HTMLCollection

L'objet HTMLCollection représente une collection universelle d'éléments (similaire à un objet tableau, similaire à un paramètre) de l'élément (par ordre de document) et fournit des méthodes et des propriétés pour sélectionner à partir de la liste.

L'HTMLCollection dans l'HTML DOM est en temps réel ; elle se met à jour automatiquement lorsque le document de base est modifié.

Les méthodes telles que getElementsByTagName() renvoient une HTMLCollection.

Propriétés et méthodes de HTMLCollection

Le tableau suivant liste les propriétés et méthodes de l'objet HTMLCollection :

Exemple

Ce exemple renvoie une HTMLCollection :

//　Renvoie l'ensemble des éléments de la collection de documents <p>
var x = document.getElementsByTagName("p");

Modifiez le contenu HTML du premier élément <p> de ce document :

var x = document.getElementsByTagName("p");
x.item(0).innerHTML = "HELLO WORLD";

Trouvez combien d'éléments <p> il y a dans le document :

var len = document.getElementsByTagName("p").length;

Obtenez le contenu de l'élément <p> avec l'ID "demo" :

var x = document.getElementsByTagName("p").namedItem("demo");
document.getElementById("output").innerHTML = x.innerHTML;

Vous pouvez également utiliser une méthode abrégée, qui produira le même résultat :

var x = document.getElementsByTagName("p")["demo"];
document.getElementById("output").innerHTML = x.innerHTML;