classList-objektin add-metodi

add-metodi classList-objektissa mahdollistaa CSS-luokkien lisäämisen elementille.

Syntaksi

javascriptelement.classList.add(class);

Esimerkki

Lisätään elementille luokka kkk:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('kkk');

Koodin suorituksen tulos:

html<p id="elem" class="www ggg zzz kkk"></p>

Esimerkki

Lisätään elementille luokka zzz, joka on jo elementissä - mitään ei tapahdu, sillä kaksoiskappaleita luokista ei lisätä:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('zzz');

Koodin suorituksen tulos:

html<p id="elem" class="www ggg zzz"></p>

Katso myös