Add Remove Classes Using Javascript

Adding and removing classes has to be one of the most common tasks when it comes to JavaScript and DOM manipulation. A user clicks the close button? Add the hidden class to that modal. Here i am explaining very simple ways to perform common tasks like adding and removing classes. Enter classList, a JavaScript property that performs this task.

You could simply set the elements class to nothing.

 document.getElementById("ElementId").className = "";

If you want remove a specific class from the list of classes. just follow the bellow example.

Remove a specific class from the list of classes.

 document.getElementById("ElementId").classList.remove("ClassName");
About Author

My name is Mukesh Jakhar and I am a Web Application Developer and Software Developer, currently living in Jaipur, India. I have a Master of Computer Application in Computer Science from JNU Jaipur University. I loves to write on technology and programming topics. Apart from this, I love to travel and enjoy the beauty of nature.

Sign up for weekly update

Milkshake is almost ready. If you're interested in testing it out, then sign up below to get exclusive access.