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");
Mukesh Jakhar - PHP Web Developer
Mukesh Jakhar

This is Mukesh Jakhar. I’m a professional web developer with 3+ years experience. I am always ready for freelance work and i am writing blogs in my free time. I love to learn new technologies and share with others.

I founded PHPKIDA in September 2015. The focus of this website to provide web development tutorials of PHP, WordPress, CodeIgniter, Jquery, MySQL, HMTL, CSS etc and sharing solution to problems which i already solved.

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.