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

javascriptelement.classList.add(klas);

Voorbeeld

Laat ons die klas kkk by die element voeg:

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

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

Resultaat van die kode-uitvoering:

html<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:

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

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

Resultaat van die kode-uitvoering:

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

Kyk ook