Trouver des éléments HTML par Nom de la classe

18.10.2018 …

Par White Tendance

Trouver des éléments HTML par Nom de la classe

Si vous voulez trouver tous les éléments HTML avec le même nom de classe, utilisez getElementsByClassName ().

Cet exemple retourne une liste de tous les éléments avec class = « chien ».

var x = document.getElementsByClassName("chien");

Exemple

<h2>Recherche d'éléments HTML par Class</h2>
<p>Salut à tous!</p>
<p class="chien">Le Dom est très utilisé.</p>
<p class="chien">Cet exemple démontre la méthode <strong>getElementsByClassName</strong>.</p>
<p id="chat"> </p>
<script>
var x = document.getElementsByClassName("chien");
document.getElementById("chat").innerHTML =
'Le premier paragraphe (index 0) avec class="chien": ' + x[0].innerHTML;
</script>
<button onclick="donneresultat()"><span style="color: #00ccff;">Vous pouvez changer le texte ici</span></button>
<script>
function donneresultat() {
document.getElementById("chat").innerHTML = 'Le second paragraphe (index 1) avec class="chien": ' + x[1].innerHTML;
}
</script>

Résultat de l'exemple

Recherche d'éléments HTML par Class

Salut à tous!

Le Dom est très utilisé.

Cet exemple démontre la méthode getElementsByClassName.

Partager cet article