Metodo HTML DOM getElementsByClassName ()
Esempi
Ottenere tutti gli elementi in base al nome della classe:
Prova »
Definizioni e uso
Metodo getElementsByClassName () restituisce tutti gli elementi nel documento specificare il nome della classe della collezione, come oggetto NodeList.
oggetto NodeList rappresenta un ordine di elenco dei nodi. NodeList oggetto che può accedere alla lista dei nodi (numero indice a partire da 0) l'elenco nodo del numero di indice di nodo.
Suggerimento: È possibile utilizzare l'oggetto NodeList lunghezza proprietà per determinare il numero di elementi in base al nome della classe, ed i vari elementi del ciclo per ottenere gli elementi necessari.
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione metodo.
modo | |||||
---|---|---|---|---|---|
getElementsByClassName () | 4.0 | 9.0 | 3.0 | 3.1 | 9.5 |
grammatica
parametri
parametri | tipo | descrizione |
---|---|---|
nomeclasse | stringa | Must. classi di elementi è necessario per ottenere il nome. nomi delle classi multipli separati da spazi, come ad esempio "test demo". |
Descrizione tecnica
Versione DOM: | Nucleo livello di oggetto di documento 1 |
---|---|
Ritorni: | oggetto NodeList che rappresenta l'elemento specifica il nome della classe della collezione. L'ordine degli elementi della collezione del suo genere in ordine di apparizione nel codice. |
Altri esempi
Esempi
Ottiene il "esempio" e "colore" il nome della classe di tutti gli elementi:
Prova »
Esempi
Quanti stile di classe = elementi "esempio" (usando la proprietà length del NodeList) per visualizzare il documento sono:
Prova »
Esempi
Cambiare il colore di tutti gli stili class = elementi "esempio" di fondo:
var i;
for (i = 0 ; i < x.length; i++) {
x[i].style.backgroundColor = "red" ;
}
Prova »
Pagine correlate
Tutorial CSS: selettori CSS
CSS Riferimento: selettori CSS .class
Manuale HTML DOM Riferimento: Elemento .getElementsByClassName ()
HTML DOM Riferimento: attributo className
Manuale HTML DOM Riferimento: HTML DOM attributi classList
Manuale HTML DOM Riferimento: HTML DOM stile di oggetto