English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
querySelectorAll()Retourne une liste d'éléments du document correspondant aux groupes de sélecteurs spécifiés (par exploration pré秩序 du document en profondeur). L'objet retourné est NodeList .
Les éléments du NodeList retourné sont classés dans l'ordre de leur apparition dans le code source.
Le NodeList retourné peut être accédé via un index. L'index commence à 0.
NodeList est une collection statique, ce qui signifie que les modifications dans le DOM n'ont pas d'effet sur cette collection.
Utilisez la propriété length du NodeList pour déterminer le nombre d'éléments correspondants aux sélecteurs spécifiés, puis vous pouvez parcourir tous les éléments et extraire les informations nécessaires.
document.querySelectorAll(selectors)
document.querySelectorAll("div");Vérifiez ici‹/›
Les numéros dans le tableau indiquent la première version de navigateur qui prend en charge complètement la méthode querySelectorAll() :
Méthodes | |||||
querySelectorAll() | 1 | 3.5 | 10 | 3.2 | 8 |
Paramètres | Description |
---|---|
selectors | Chaîne contenant un ou plusieurs sélecteurs à correspondre. Cette chaîne doit être valideSélecteurs CSSChaîne. |
Retour : | Un objet NodeList, représentant les éléments du document correspondantSélecteurs CSSTous les éléments correspondants. |
---|---|
Exceptions : | SyntaxError-La syntaxe de la chaîne de sélecteurs spécifiée est invalide |
Version du DOM : | Niveau DOM1 |
Obtenir tous les éléments avec class="demo" :
document.querySelectorAll(".demo");Vérifiez ici‹/›
Cet exemple retourne la liste de tous les<div>éléments de la documentation portant la classe " note":
document.querySelectorAll("div.note");Vérifiez ici‹/›
Définir la couleur de fond de tous les<h1>,<p>et<div>éléments de couleur de fond :
document.querySelectorAll("h1, p, div");Vérifiez ici‹/›
Tutoriel CSS :Sélecteurs CSS
Référence CSS :CSS#idSélecteurs
Référence CSS : CSS .class Sélecteurs
DOM Document querySelector() Méthodes
DOM Document getElementsByClassName() Méthodes
DOM Document getElementsByTagName() Méthodes