Aller au contenu

1NSI : Javascript querySelectorAll()⚓︎

La méthode querySelectorAll() est accessible depuis le point d'entrée du DOM: document.

Syntaxe document.querySelectorAll("p.bleu");

querySelectorAll() renvoie un type NodeList

La méthode querySelectorAll("p.bleu"); renvoie TOUS les Noeuds du DOM qui sont des paragraphes p, disposant d'un attribut class="bleu", càd tous les <p class="bleu">lorem ..</p>. Il peut y en avoir plusieurs (d'où le All). Javascript renvoie un résultat sous la forme d'une NodeList 🇬🇧 : une liste/paquet de plusieurs noeuds javascript.

See the Pen querySelectorAll by rod2ik (@rod2ik) on CodePen.

Visualiser le résultat avec vos outils web

Visualiser le résultat de l'instruction document.querySelectorAll("p") dans les outils web de votre navigateur: Vous devriez voir tous les paragraphes encapsulés dans un type de données primitif NodeList: querySelectorAll