Método add del objeto classList

El método add del objeto classList permite agregar clases CSS a un elemento.

Sintaxis

javascriptelemento.classList.add(clase);

Ejemplo

Agreguemos la clase kkk al elemento:

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

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

Resultado de ejecutar el código:

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

Ejemplo

Agreguemos la clase zzz al elemento, que ya está presente en el elemento - no sucederá nada, ya que no se agregan clases duplicadas:

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

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

Resultado de ejecutar el código:

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

Ver también