propriété length de HTMLCollection

définition et utilisation

length cette propriété retourne le nombre d'éléments dans l'HTMLCollection.

cette propriété est lecture seule.

cet élément est très utile lorsque vous souhaitez parcourir une HTMLCollection.

exemple

exemple 1

trouver combien d'éléments P il y a dans le document :

function myFunction() {
  var l = document.getElementsByTagName("P").length;
  alert(l);
}

essayez-le vous-même

exemple 2

parcourir tous les éléments avec class="myclass" et modifier leur couleur de fond :

var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
  x[i].style.backgroundColor = "red";
}

essayez-le vous-même

syntaxe

HTMLCollection.length

valeur de retour

valeur numérique, représentant le nombre d'éléments dans l'HTMLCollection.

support du navigateur

propriété Chrome IE Firefox Safari Opera
length supporté supporté supporté supporté supporté

pages associées

HTMLCollection :méthode item()

Élément HTML :méthode getElementsByClassName()

Élément HTML :Méthode getElementsByTagName()