Mudar classe CSS com JavaScript

38d atrás

0 0

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>
E acesse ele no JavaScript:
const el = document.getElementById('el');
Agora você pode aplicar os métodos a seguir.

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)

0/512
Link