toggle class javascript mdn code example

Example 1: toggle class javascript

var menu = document.querySelector('.menu') // Using a class instead, see note below.
menu.classList.toggle('hidden-phone');

Example 2: classList has class

if (document.body.classList.contains('thatClass')) {
    // do some stuff
}

Example 3: toggle class to an element javascript

// html <div class="parentElm" id="addActive"></div>

// js
function toggleClass(){
  // get the properties of an element
  var element = document.getElementById("addActive");
  
//  check if the element have class list
  if (element.classList) {
    // add active class if true
   element.classList.toggle("active");
  } else {
   var classes = element.className.split(" ");
   var i = classes.indexOf("active");
  }
 }

Tags:

Misc Example