Partie compliquée du chapitre !
Dans une page HTML, pour trouver un élément identifié (de manière unique) par son id, il suffit d'utiliser la méthode JavaScript getElementById().
Par exemple :
document.getElementById("haut") permet de sélectionner le titre principal identifié par le nom "haut".
L'instruction suivante en JavaScript permet de le sélectionner et d'automatiquement le mettre en bleu :
Dans une page HTML, pour trouver TOUS les éléments d'une même classe,
il suffit d'utiliser la méthode JavaScript getElementsByClassName().
(Attention au "s" en plus à "Element" car il peut y avoir plusieurs éléments sélectionnés :).
Un ensemble assez proche d'un tableau sera renvoyé.
Par exemple :
document.getElementsByClassName("nomjs") permet de sélectionner tous les paragraphes de cette page
appartenant à la classe "nomjs".
L'instruction suivante en JavaScript permet de le sélectionner et d'automatiquement le mettre en bleu :
La première ligne du script récupère tous les éléments de la classe "nomjs".
Les trois suivantes balaie la sorte de tableau "selection" par les positions "i" puis met en rouge
chaque élément du tableau comme en Python avec un code (où l'indentation manque) comme :
for i in range(len(selection)):
mettre_en_rouge(selection[i])