Tecnologia

Manipular classes CSS

		
// adicionando 1 classe
div.classList.add("anotherclass");

// adicionando multiplas classes
div.classList.add("foo","bar");

// removendo 1 classe
div.classList.remove("foo");

// verificando se a div contém a classe
alert(div.classList.contains("foo"));	

// substituindo uma classe: "foo" por "bar"
div.classList.replace("foo", "bar");

// se a classe estiver setada ela é removida
// se ela não estiver setada, ela é adicionada
div.classList.toggle("visible");

// igual a de cima, porém com uma condição específica, i menor que 10
div.classList.toggle("visible", i < 10 );

Saiba mais em: https://developer.mozilla.org/en-US/docs/Web/API/Element/classList

2020 © B85 Tecnologia
eu@andersonbravo.com.br