Mudar classe CSS com JavaScript
116d atrás
Métodos para adicionar e remover classes do CSS com #JavaScript.
Primeiro, selecione o elemento que você quer alterar as classes.
<div class="class1 class2 class3" id="el"></div>
const el = document.getElementById('el');
Remover todas as classes
el.className = '';
Adicionar várias classes
el.className = 'class4 class5 class6';
Remover uma classe
el.classList.remove('class6'); // Remove apenas a "class6"
Adicionar uma classe
el.classList.add('class7'); // Adiciona a classe "class7" ao elemento
Alternar classe
el.classList.toggle('class7'); // Remove a classe se ela existir, se não adiciona ela
Alternar classe condicionalmente
el.classList.toggle('class7', true); // Adiciona "class7" se o segundo parâmetro for true, caso for false remove a classe
Substituir classe
el.classList.replace('class7', 'class8'); // Substitui class7 por class8
Comentários (0)