Metoden add för classList-objektet

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

Syntax

element.classList.add(class);

Exempel

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

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

Resultatet av att köra koden:

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:

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

Resultatet av att köra koden:

Se även

metoden classList.remove,
som tar bort en given klass
metoden classList.contains,
som kontrollerar en given klass
metoden classList.toggle,
som växlar en given klass