Latest web development tutorials

Metodo HTML DOM getElementsByClassName ()

Document Object Reference Document Object

Esempi

Ottenere tutti gli elementi in base al nome della classe:

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

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

document.getElementsByClassName (classname)

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.

Esempi

Altri esempi

Esempi

Ottiene il "esempio" e "colore" il nome della classe di tutti gli elementi:

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

Prova »

Esempi

Quanti stile di classe = elementi "esempio" (usando la proprietà length del NodeList) per visualizzare il documento sono:

var x = document.getElementsByClassName( "example" ).length;

Prova »

Esempi

Cambiare il colore di tutti gli stili class = elementi "esempio" di fondo:

var x = document.getElementsByClassName( "example" );
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


Document Object Reference Document Object