How To Remove a Class Name

Learn how to remove a class name from an element with JavaScript

Remove Class

Step 1) Add HTML:

In this example, we will use a button to remove the "mystyle" class from the <div> element with id="myDIV":

<button onclick="myFunction()">Try it</button>

<div id="myDIV" class="mystyle">
This is a DIV element.
</div>

Step 2) Add CSS:

Style the specified class name:

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
font-size: 25px;
}

Step 3) Add JavaScript:

Get the <div> element with id="myDIV" and remove the "mystyle" class from it:

function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}

Tip: Also see How To Toggle A Class.

Tip: Also see How To Add A Class.

Tip: Learn more about the classList property in our JavaScript Reference.

Tip: Learn more about the className property in our JavaScript Reference.

Email:

Content: