Questa traduzione è incompleta. Collabora alla traduzione di questo articolo dall’originale in lingua inglese.
Sommario
Restituisce una lista degli elementi all'interno del documento (usando una ricerca depth-first pre-order nei nodi del documento) che corrisponde al gruppo specificato di selettori. L'oggetto restituito è un NodeList.
Sintassi
elementList = document.querySelectorAll(selectors);
dove
elementListè una lista non-liveNodeListdielementoggetti.selectorsè una stringa che contiene uno o più selettori CSS separati da virgola.
Il NodeList restituito conterrà tutti gli elementi nel document che corrispondono a uno qualsiasi dei selettori specificati. Se la stringa selectors contiene uno pseudo-elemento CSS, la elementList restituita sarà vuota.
Esempio
Questo esempio restituisce una lista di tutti gli elementi div all'interno del document con una class di "note" o "alert":
var matches = document.querySelectorAll("div.note, div.alert");
Note
Rrestituisce una NodeList non-live di tutti i corrispondenti elementi nodo.
Lancia un'eccezione SYNTAX_ERR se il gruppo di selettori specificato non è valido.
querySelectorAll() è stato introdotto nelle WebApps API.
I browsers WebKit hanno un bug: se la stringa selectors contiene uno pseudo-elemento CSS, la elementList restituita non è vuota ma contiene l'elemento <html>.
L'argomento stringa argument passato al querySelectorAll deve seguire la sintassi CSS. Vedere document.querySelector per esempi concreti.
Compatibilità browser
| Caratteristica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Supporto base | 1 | 3.5 (1.9.1) | 9 8 (solo selettori CSS2) |
10 | 3.2 (525.3) |
| Caratteristica | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Supporto base | 2.1 | sì | 9 | 10.0 | 3.2 |