switch classes javascript

noah answered on December 7, 2022 Popularity 6/10 Helpfulness 3/10

answer switch classes javascript

switch classes javascript

Comment

// toggle between two different classes
function switchClass(){
  var yourClass = document.getElementById("myElement");
    switch(yourClass.className) {
      case "oldClass": //takes the current class
        button.className = "newClass"; //changes the value to a new one
        break;
      case "newClass": //this will reverse the process, so it even toggles :)
        button.className = "oldClass";
        break;
 	} //this worked for me hopefully it helps you
}
/* Alternatively!! a simpler refined way */
document.getElementById('myElement').onclick = function switchClass() {
    this.classList.toggle('oldClass'); //class to be replaced
  	this.classList.toggle('newClass'); //class to replace with
}   //will work the other way around when the element/button is clicked a second time

Popularity 6/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Dec 07 2022

noah

0 Answers Avg Quality 2/10

switch classes javascript

Contents

More Related Answers

switch classes javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.