Javascript Equivalent method for jQuery addClass method.

The jQuery addClass method will add the class provided to the element or elements.

Consider that we have an “div” element stored in the variable “divElement” .

<div id = "divElement"> </div>

<script> 
    let divElement = document.getElementById('divElement')
</script>

now we can add class to the “divElement” in JavaScript by

function addClass(element, className) { 

  divElement.classList += " className";

}

// Method 2:

function addClass(element, className) {

  divElement.classList.add(className)->className may string or array

}

remove class name of the object

function removeClass(element, className) {

   divElement.classList.remove(className);

}

check if an element has class

function hasClass(element, className) {

    divElement.classList.contains(className);
}

Toggle the class

function toggle(element, className) {

  element.classList.toggle(className);

}

NOTE :: 

When only one argument(className) is passed: 
      if 
        className already in classList then remove & return false            
      else 
            add className and return true.

___________________________________________________________________

When a second argument(forceAddOrRemoveClassName) is present : 

   if (second argument evaluates to  true)

          add the specified class name. 

   else

          remove the specified class name.

replace a className with new className

function replaceClass(element, oldClassName, newClassName) {

    element.classList.replace( oldClassName, newClassName)

}

Follow Javascript Jeep🚙 🥶.

If you found helpful , surprise 🎁 me here.