Metodo getElementsByClassName() dell'HTML DOM

Oggetto Elemento HTML DOM

elemento.getElementsByClassName()Restituisce un'oggetto array di classe che contiene tutti gli elementi figli con il nome di classe specificato. Quando viene chiamato sul oggetto document, cercherà l'intero DOM del documento, inclusi i nodi radice. Puoi anche chiamare il metodo getElementsByClassName() su qualsiasi elemento, che restituirà tutti gli elementi figli con il nome di classe specificato che sono figli del nodo corrente.

L'elenco restituito degli elementi è ordinato secondo l'ordine di apparizione nel codice sorgente.

È possibile accedere agli elementi restituiti tramite il numero di indice. L'indice parte da 0.

UtilizzolengthL'attributo determina il numero di elementi figli con il nome di classe specificato, quindi è possibile esplorare tutti gli elementi e estrarre le informazioni necessarie.

dettodocument.getElementsByClassName()Il principio di funzionamento del metodo è基本上lo stesso, ma agisce sull'intero documento, iniziando dal nodo radice.

Sintassi:

element.getElementsByClassName(class)

var gBox = document.getElementById("greenBox");
gBox.getElementsByClassName("demo")[0].innerHTML = "Hello World";

Compatibilità browser

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

Valore del parametro

Dettagli tecnici

Riferimenti correlati

Tutorial CSSSintassi CSS

Riferimento CSSCSS .classSelettore

Riferimento HTML DOMproprietà className

Riferimento HTML DOMproprietà classList

Riferimento HTML DOMdocument.getElementsByClassName()Metodo

Riferimento HTML DOMelemento.getElementsByTagName()Metodo

Oggetto Elemento HTML DOM