English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Méthode querySelectorAll() de HTML DOM

Objet Document HTML DOM

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.

Syntaxe :

document.querySelectorAll(selectors)
document.querySelectorAll("div");
Vérifiez ici‹/›

Compatibilité du navigateur

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()13.5103.28

Valeur des paramètres

ParamètresDescription
selectorsChaîne contenant un ou plusieurs sélecteurs à correspondre. Cette chaîne doit être valideSélecteurs CSSChaîne.

Détails techniques

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

Plus d'exemples

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‹/›

Références associées

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

Objet Document HTML DOM