Metodo querySelectorAll() dell'HTML DOM

Oggetto Documento HTML DOM

querySelectorAll()Restituisce un elenco di elementi del documento che corrispondono al gruppo di selettori specificato (utilizza un'esplorazione preordinata in profondità del documento dei nodi). L'oggetto restituito è NodeList.

Gli elementi nella NodeList restituita sono ordinati secondo l'ordine in cui compaiono nel codice sorgente.

La NodeList restituita può essere acceduta tramite il numero di indice. L'indice parte da 0.

NodeList è una raccolta statica, il che significa che le modifiche nel DOM non hanno effetto su questa raccolta.

Utilizzare l'attributo length di NodeList per determinare il numero di elementi con il selettore specificato, quindi è possibile esplorare tutti gli elementi e estrarre le informazioni necessarie.

Sintassi:

document.querySelectorAll(selectors)

document.querySelectorAll("div");

Compatibilità del browser

I numeri nella tabella indicano la versione del browser che supporta la prima querySelectorAll()

Valore del parametro

Dettagli tecnici

Più esempi

Ottieni tutti gli elementi con class="demo":

document.querySelectorAll(".demo");

Questo esempio restituisce l'elenco di tutti gli elementi <div> del documento con la classe "note":

document.querySelectorAll("div.note");

Imposta il colore di sfondo di tutti gli elementi <h1>，<p> e <div> nel documento:

document.querySelectorAll("h1,　p,　div");

Riferimenti correlati

Tutorial CSS:Selettore CSS

Riferimento CSS:CSS#idSelettore

Riferimento CSS: CSS .class Selettore

DOM Document querySelector() Metodi

DOM Document getElementsByClassName() Metodi

DOM Document getElementsByTagName() Metodi

Oggetto Documento HTML DOM