1NSI : Javascript - Boucle while

Syntaxe Générale

let i=0;
while (i<5) {
  console.log(i);
  i++;
}

affiche dans la console javascript (outils web) :

0
1
2
3
4

Parcours de Noeuds/Éléments avec while

var pTous = document.querySelectorAll("p.bleu");
console.log(pTous);
let i=0;
while (i<pTous.length) {
  pTous[i].style.color = "blue";
  i++;
}

See the Pen while parcours noeuds by rod2ik (@rod2ik) on CodePen.

Dans cet exemple:

• On récupère tous les paragraphes p de class "bleu" (p.bleu) du DOM dans la variable pTous
• pTous est une NodeList, donc chaque paragraphe est accessible via un indice i
• le i-ème paragraphe est pTous[i]
• on fait varier les indices i de 0 (le premier indice de la NodeList) jusqu'à l'indice du dernier noeud récupéré pTous.length