Tuto Javascript

Cibler id et class en Javascript

Comment cibler les ID et les classes des balises en Javascript? L'id sert à cibler une balise unique dans une page HTML, comme le titre par exemple. Une classe pourra à l'inverse se répéter autant de fois que nécessaire au sein d'une même page HTML.

Cibler un ID en Javascript

<div id="lacible">Salut les Schtroumpfs</id>
		
<script>
    //Change la couleur de l'ID cible
    document.getElementById("lacible").style.color = "blue"; 
</script>

Cibler l'élément class en Javascript

<span class="chien">Pluto</span>
<span class="chien">Dingo</span>
<span class="chien">Scooby-Doo</span>
<span class="chien">Rantanplan</span>
	
<script>
    var tableauDeChiens = document.getElementsByClassName("chien");
	
    //Affiche: Scooby-Doo (3ème élément en partant de 0)
    document.write(tableauDeChiens[2].innerHTML);
</script>