getElementsByClassName() : Démo HTML5
Mise à jour : 2017-01-22
Une nouvelle métode du DOM permet d'indexer tous les éléments appartenant à la même classe.
Cette métode se comporte comme getElementsByTagName().
getElementsByClassName(classNames)
- classNames : représente une série de nom de classe
Notes sur le tuto
- Ne comptabilise que les éléments présents dans la page au moment de l'appel de la méthode (dans l'ordre d'écriture de la page).
Exemple de code HTML5
<span id="demo" class="ok"></span> <script> document.getElementById("demo").innerHTML = "Il y a " + document.getElementsByClassName("ok").length + " élément de classe \"ok\" sur cette page."; </script>
Démonstration du résultat HTML5
Détection automatique du support HTML5
Librairie JavaScript de détection automatique (attention, comporte quelques faux positifs et faux négatifs)<script src="_html5detect.js"></script> <script>isItemSupported("document.getElementsByClassName", true)</script>