Renvoie une NodeList représentant une liste d'éléments avec l'élément courant comme racine et qui correspondent au groupe de sélecteurs spécifiés.
Syntaxe
elementList = document.querySelectorAll(selectors);
où
elementListest uneNodeListnon-directe d'objetselement.selectorsest une chaîne de caractères (string) contenant un ou plusieurs sélecteurs CSS séparés par des virgules.
La NodeList retournée contiendra tous les éléments dans le document qui correspondent à l'un des sélecteurs spécifiés. Si la chaîne selectors contient un pseudo-element CSS, la elementList retournée sera vide.
Exemples
Cet exemple renvoie une liste de tous les éléments div d'un document avec une classe "note" ou "alert" :
var matches = document.querySelectorAll("div.note, div.alert");
Notes
Renvoie une NodeList non directe de tous les noeuds éléments correspondant.
Lance une exception SYNTAX_ERR si le groupe de sélecteurs spécifié est invalide.
querySelectorAll() fut introduite dans l'API WebApps.
L'argument chaîne passé à querySelectorAll() doit suivre la syntaxe CSS. Voir document.querySelector pour des exemples concrets.
Spécifications
| Spécification | Statut | Commentaire |
|---|---|---|
| Selectors API Level 2 La définition de 'ParentNode.querySelectorAll()' dans cette spécification. |
Obsolete | Pas de changement. |
| DOM4 La définition de 'ParentNode.querySelectorAll()' dans cette spécification. |
Obsolete | Définition initiale. |
Compatibilité des navigateurs
Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !
| Fonctionnalité | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | 1 | (Oui) | 3.5 | 9 8[1] |
10 | 3.2 |
| Fonctionnalité | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | 2.1 | (Oui) | (Oui) | 9 | 10.0 | 3.2 |
[1] Internet Explorer 8 prend en charge seulement les sélecteurs CSS2.