Remove class javascript

As a web developer, you are often required to add, remove, and toggle CSS classes based on user interactions with elements on the web page.

If you had already used jQuery in the past, you'd be probably familiar with the , , and methods.

DOM manipulations.

Set CSS classes using the property

property.

Javascript class constructor

It refers to the value of the HTML element's attribute.

Let us say we have the following HTML element:

The following example shows how to add a new CSS class or replace all existing CSS classes of the above element:

Since is used for this property.

This property is supported by all modern and old browsers, including Internet Explorer.

Set CSS classes using the property

property. It is a read-only property that returns a liveDOMTokenList collection of all the classes applied to the element.

The property works in all modern browsers and IE10 and above.

You can use the

Say we have an element like the below:

Let us grab a reference to the above element and print the existing classes on the console:

Let

how to use class in javascript

how to add class in javascript on click