Proprietà className HTML DOM

Oggetto Elemento HTML DOM

classNameL'attributo imposta o restituisce il valore dell'attributo class dell'elemento specificato come stringa.

Se l'elemento specificato non ha l'attributo classe o non ha impostato l'attributo classe, viene restituito unnullStringa.

Sintassi:

Restituisce l'attributo className:

element.className

Imposta l'attributo className:

element.className = cName

document.getElementById("x").className = "para";

Compatibilità del browser

Tutti i browser supportano completamente l'attributo className:

Valore dell'attributo

Dettagli tecnici

Più esempi

Restituisce il nome della classe dell'elemento <div> primo:

var x = document.getElementsByTagName("div")[0].className;

Sovrascrivi il nome della classe esistente con un nuovo nome:

<div class="myDiv">Questo è un elemento DIV</div>
<script>
var x = document.getElementsByTagName("div")[0];
x.className = "anotherClass";
</script>

Per aggiungere una classe all'elemento senza sovrascrivere i valori esistenti, inserisci uno spazio e il nome della nuova classe:

<div class="myDiv">Questo è un elemento DIV</div>
<script>
var x = document.getElementsByTagName("div")[0];
x.className += " anotherClass";
</script>

Trova se l'elemento <div> ha la classe 'shadow':

var x = document.getElementsByTagName("div")[0];
if (x.className.indexOf("shadow") != -1) {
　　　alert("Yes... The DIV has 'shadow' class");
} else {
　　　alert("False");
}

Riferimenti correlati

Tutorial CSS:Selettore CSS

Riferimento CSS:CSS #idSelettore

Riferimento CSS: CSS .class Selettore

Riferimento JavaScript:Metodo indexOf() stringa

Riferimento HTML DOM:Proprietà classList HTML DOM

Riferimento HTML DOM:Metodo getElementsByClassName() HTML DOM

Riferimento HTML DOM:Metodo getElementById() HTML DOM

Riferimento HTML DOM:Metodo querySelector() HTML DOM

Oggetto Elemento HTML DOM