Supporté par ChromeSupporté par FirefoxSupporté par EdgeSupporté par Safari/iOS 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)

Notes sur le tuto


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>		

Can I Use getelementsbyclassname? Data on support for the getelementsbyclassname feature across the major browsers from caniuse.com.