DOM - Collections

Ce cours traite du type d’objet HTMLCollection.

L’objet HTMLCollection

Lorsque la méthode getElementsByTagName() est invoquée, celle-ci retourne en fait un objet de type HTMLCollection. Il s’agit d’une liste - ou collection -, similaire à un array, des éléments HTML retournés.

Exemple :

const myCollection = document.getElementsByTagName("p");

Dans cet exemple, ce sont tous les paragraphes du document qui sont sélectionnés. Cependant, grâce à l’index - qui, pour rappel, commence toujours à 0 -, il est possible de sélectionner un paragraphe en particulier.

Exemple :

myCollection[1];

Dans cet exemple, le deuxième paragraphe du document est sélectionné.

Longueur de HTMLCollection