HTML DOM className Propery

<Element Object

Exemplu

Setați clasa pentru un <div> elementul cu id = „myDIV“:

document.getElementById("myDIV").className = "mystyle";

Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.

Definiție și utilizare

Seturile de proprietate classname sau returnează numele clasei unui element (valoarea atributului clasa unui element).

Sfat: O proprietate similară ClassName este classList proprietate.

Suport pentru browser-

Proprietate
className	da	da	da	da	da

Sintaxă

Întoarcere proprietatea className:

HTMLElementObject .className

Setați proprietatea className:

HTMLElementObject .className= class

Valori de proprietate

Valoare	Descriere
class	Specifică numele clasei unui element. Pentru a aplica mai multe clase, separați - le cu spații, cum ar fi "test demo" - "test demo" de "test demo"

Detalii tehnice

Întoarcere Valoare:	Un String, reprezentând clasa sau o listă separată cu spațiu de clase, a unui element

Mai multe exemple

Exemplu

Ia numele clasei primului <div> element din document (if any) este (if any) :

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

Rezultatul x va fi:

mystyle

Încearcă - l singur »

Exemplu

Alte exemple despre cum să obțineți numele clasei unui element:

var x = document.getElementsByClassName("mystyle")[0].className;
var y = document.getElementById("myDIV").className;

Încearcă - l singur »

Exemplu

Ia numele de clasă ale unui element cu mai multe clase:

<div id="myDIV" class="mystyle test example">I am a DIV element</div>

var x = document.getElementById("myDIV").className;

Rezultatul x va fi:

mystyle text example

Încearcă - l singur »

Exemplu

Suprascrierea un nume de clasă existent cu unul nou:

<div id="myDIV" class="mystyle">I am a DIV element</div>

document.getElementById("myDIV").className = "newClassName";

Încearcă - l singur »

Exemplu

Pentru a adăuga o clasă la un element, fără a suprascrie valorile existente, se introduce un spațiu și numele clasei noi:

document.getElementById("myDIV").className += " anotherClass";

Încearcă - l singur »

Exemplu

Dacă există o clasă de "mystyle" , într - un element cu id = „myDIV“, schimbarea ei font-size:

var x = document.getElementById("myDIV");

if (x.className === "mystyle") {
x.style.fontSize = "30px";
}

Încearcă - l singur »

Exemplu

Comutare între nume de clase pe diferite poziții de defilare - Atunci când utilizatorul derulează în jos 50 de pixeli din partea de sus, numele clasei "test" vor fi adăugate la un element (and removed when scrolled up again) .

Încearcă - l singur »