Para alternar uma classe de um elemento, você usa o toggle()
método da classList
propriedade do elemento:
element.classList.toggle(className);
Linguagem de código: CSS ( css )
Se o elemento tiver o className
, o toggle()
método o remove. Se o elemento não tiver o className
, o toggle()
método adiciona o className
ao classList
.
Suponha que você tenha o seguinte elemento:
<div class="show">Item</div>
Linguagem de código: HTML, XML ( xml )
O seguinte ilustra como alternar a show
classe do <div>
elemento:
const div = document.querySelector('div');
div.classList.toggle('show');
Linguagem de código: JavaScript ( javascript )
Anterior