ParentNode.querySelectorAll()

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);

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.

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : loella16
Dernière mise à jour par : loella16,