Element.querySelector()

Retourne le premier élement parmi les descendant de l'élement sur lequel on l'invoque qui correspond au groupe de sélecteurs spécifiés.

Syntaxe

element = baseElement.querySelector(selectors);
  • element et baseElement sont des objets element.
  • selectors est un groupe de sélecteurs à trouver.

Exemple

Dans cet exemple, on retourne le premier élement styledans le corps du document HTML qui n'a soit pas de type ou qui a le type text/css:

var el = document.body.querySelector("style[type='text/css'], style:not([type])");

Remarques

Retourne null si aucun élement correspondant n'est trouvé; sinon, retourne le premier élement correspondant trouvé.

Jettes une exception SYNTAX_ERR si le groupe de sélecteurs spécifié est invalide.

querySelector() a été introduit par l'API WebApps.

La chaîne de caractères passée en argument à querySelector doit suivre la syntaxe CSS. Voir document.querySelector pour des exemples concrets.

Compatibilité des navigateurs

Navigateur Support Remarques
Internet Explorer 8 Sélecteurs CSS 2.1 seulement (IE8)
Firefox (Gecko) 3.5 (1.9.1)  
Opera 10  
Chrome 1  
Safari (webkit) 3.2 (525.3) webk.it/16587

Spécifications

Voir aussi

Étiquettes et contributeurs liés au document

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