InsightsMudar classe CSS com JavaScript
246d atrás
IonMé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 elementoAlternar classe
el.classList.toggle('class7'); // Remove a classe se ela existir, se não adiciona elaAlternar classe condicionalmente
el.classList.toggle('class7', true); // Adiciona "class7" se o segundo parâmetro for true, caso for false remove a classeSubstituir classe
el.classList.replace('class7', 'class8'); // Substitui class7 por class8
Comentários (0)