A classList objektum add metódusa
A add metódus a
classList
objektumon lehetővé teszi CSS osztályok hozzáadását egy elemhez.
Szintaxis
element.classList.add(class);
Példa
Adjunk hozzá az elemhez a kkk osztályt:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
A kód végrehajtásának eredménye:
<p id="elem" class="www ggg zzz kkk"></p>
Példa
Adjunk hozzá az elemhez a zzz osztályt, amely
már megvan az elemen - nem fog történni semmi,
mivel a dupla osztályokat nem adjuk hozzá:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
A kód végrehajtásának eredménye:
<p id="elem" class="www ggg zzz"></p>
Lásd még
-
a
classList.removemetódus,
amely eltávolít egy megadott osztályt -
a
classList.containsmetódus,
amely ellenőriz egy megadott osztályt -
a
classList.togglemetódus,
amely váltogat egy megadott osztályt
