Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.
Resumen
Devuelve una lista de los elementos dentro del documento (con profundidad-primer-pre-orden transversal de los nodos del documento) que coinciden con el grupo especificado de selectores. El objeto devuelto es un NodeList.
Sintaxis
elementList = document.querySelectorAll(selectors);
donde
elementListes unNodeListno-vivo de objetoselement.selectorses un string que contiene uno o mas selectores CSS separados por comas.
Ejemplo
Este ejemplo devuelve una lista de todos los elementos div dentro del document que contengan la clase "note" o "alert"
var coincidencias = document.querySelectorAll("div.note, div.alert");
Notas
Devuelve un NodeList no-vivo de todos los nodos element coincidentes.
Arroja la excepción SYNTAX_ERR si el grupo de selectores especificado es inválido.
querySelectorAll() fue introducido en la API WebApps.
Los navegadores WebKit poseen un bug: cuando la cadena selectors contiene un pseudo-elemento CSS, el elementList retornado no esta vacío pero contiene el elemento <html>.
El argumento string pasado a querySelectorAll debe seguir la sintaxis CSS. Ver document.querySelector para ejemplos concretos.
Compatibilidad con navegadores
| Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Soporte básico | 1 | 3.5 (1.9.1) | 9 8 (CSS2 selectors only) |
10 | 3.2 (525.3) |
| Característica | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Soporte básico | 2.1 | si | 9 | 10.0 | 3.2 |