Metoden add för classList-objektet

Metoden add för classList-objektet låter dig lägga till CSS-klasser till ett element.

Syntax

javascriptelement.classList.add(class);

Exempel

Låt oss lägga till klassen kkk till elementet:

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

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

Resultatet av att köra koden:

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

Exempel

Låt oss lägga till klassen zzz till elementet, som redan finns i elementet - ingenting kommer att hända, eftersom duplicerade klasser inte läggs till:

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

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

Resultatet av att köra koden:

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

Se även