Element.className

La proprietà className dell'interfaccia Element ottiene e imposta il valore dell'attributo class dell'elemento specificato.

Sintassi

var cName = elementNodeReference.className;
elementNodeReference.className = cName;
  • cName è una variabile stringa che rappresenta le classi o le classi separate dallo spazio dell'elemento corrente.

Esempio

let el = document.getElementById('item');

if (el.className === 'active'){
  el.className = 'inactive';
} else {
  el.className = 'active';
}

Appunti

Il nome className viene utilizzato per questa proprietà anziché class a causa di conflitti con la parola chiave "class" in molti linguaggi che vengono utilizzati per manipolare il DOM.

className può anche essere un'istanza di SVGAnimatedString se element è un SVGElement. È meglio ottenere/impostare className di un elemento usando Element.getAttribute e Element.setAttribute se si ha a che fare con elementi SVG. Tuttavia, tieni presente che Element.getAttribute ritorna null anzichè "" se element ha un attributo class vuoto.

elm.setAttribute('class', elm.getAttribute('class'))

class è un Attributo HTML, mentre className è una proprietà del DOM.

Specifiche

Compatibilità con i browser

BCD tables only load in the browser

Vedi anche