Metodo getElementsByClassName() di HTML DOM

Oggetto Documento HTML DOM

getElementsByClassName()Il metodo può ottenere gli elementi aventi il valore di proprietà class specificato, il valore di ritorno è un insieme.

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

Puoi accedere alla lista restituita tramite il numero di indice. L'indice parte da 0.

Usa l'arraylengthL'attributo determina il numero di elementi aventi la classe specificata, quindi è possibile esplorare tutti gli elementi e estrarre le informazioni necessarie.

Sintassi:

document.getElementsByClassName(class)

var x = document.getElementsByClassName("demo");

Compatibilità dei browser

Il metodo getElementsByClassName() è completamente supportato da tutti i browser:

Valore del parametro

Dettagli tecnici

Più esempi

Ottieni tutti gli elementi utilizzando le classi "demo" e "color":

var x = document.getElementsByClassName("demo color");

Cambia il colore di sfondo di tutti gli elementi utilizzando class="demo":

var x = document.getElementsByClassName("demo");
for(let i = 0; i < x.length; i++) {
　　　x[i].style.backgroundColor = "coral";
}

Riferimenti correlati

DOM Document querySelector()Metodi

DOM Document querySelectorAll()Metodi

DOM Document getElementById()Metodi

DOM Document getElementsByTagName()Metodi

Oggetto Documento HTML DOM