Método add del objeto classList
El método add del objeto
classList
permite agregar clases CSS a un elemento.
Sintaxis
elemento.classList.add(clase);
Ejemplo
Agreguemos la clase kkk al elemento:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Resultado de ejecutar el código:
<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:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Resultado de ejecutar el código:
<p id="elem" class="www ggg zzz"></p>
Ver también
-
método
classList.remove,
que elimina una clase dada -
método
classList.contains,
que verifica una clase dada -
método
classList.toggle,
que alterna una clase dada
