Aller au contenu

1NSI : Javascript getElementsByClassName()⚓︎

La méthode getElementsByClassName() est accessible depuis le point d'entrée du DOM: document.

Syntaxe document.getElementsByClassName("bleu");

getElementsByClassName() renvoie un type HTMLCollection

La méthode getElementsByClassName("bleu"); renvoie TOUS les Éléments HTML (donc toutes les balises) du DOM, disposant d'une classe class="bleu". Il peut y en avoir plusieurs (d'où le s dans getElementsByClassName). Javascript renvoie un résultat sous la forme d'un type de données primitif appelé une HTMLCollection 🇬🇧 : une collection/paquet de plusieurs balises HTML.

See the Pen Untitled by rod2ik (@rod2ik) on CodePen.

Visualiser le résultat avec vos outils web

Visualiser le résultat de l'instruction document.getElementsByClassName("bleu") dans les outils web de votre navigateur: Vous devriez voir deux paragraphes : <p class="bleu"> encapsulés dans un type de données primitif HTMLCollection : getElementsByClassName