Método add do objeto classList
O método add do objeto
classList
permite adicionar classes CSS a um elemento.
Sintaxe
elemento.classList.add(classe);
Exemplo
Vamos adicionar a classe kkk ao elemento:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Resultado da execução do código:
<p id="elem" class="www ggg zzz kkk"></p>
Exemplo
Vamos adicionar a classe zzz ao elemento, que
já existe no elemento - nada acontecerá,
pois classes duplicadas não são adicionadas:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Resultado da execução do código:
<p id="elem" class="www ggg zzz"></p>
Veja também
-
método
classList.remove,
que remove uma classe especificada -
método
classList.contains,
que verifica uma classe especificada -
método
classList.toggle,
que alterna uma classe especificada
