Die add metode van die classList voorwerp
Die add metode van die
classList
voorwerp laat toe om CSS-klasse by 'n element by te voeg.
Sintaksis
element.classList.add(klas);
Voorbeeld
Laat ons die klas kkk by die element voeg:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Resultaat van die kode-uitvoering:
<p id="elem" class="www ggg zzz kkk"></p>
Voorbeeld
Laat ons die klas zzz by die element voeg, wat
reeds in die element teenwoordig is - niks sal gebeur nie,
aangesien duplikaatklasse nie bygevoeg word nie:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Resultaat van die kode-uitvoering:
<p id="elem" class="www ggg zzz"></p>
Kyk ook
-
die
classList.removemetode,
wat 'n gespesifiseerde klas verwyder -
die
classList.containsmetode,
wat 'n gespesifiseerde klas nagaan -
die
classList.togglemetode,
wat 'n gespesifiseerde klas afwissel
