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);
elementetbaseElementsont des objetselement.selectorsest 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 |