![]() |
VOOZH | about |
In the HTML document, the className property is used to set or return the value of an elementβs class attribute. Using this property, the user can change the class of an element to the desired class.
Syntax:
HTMLElementObject.className;
HTMLElementObject.className = class;
The className specifies the class name of an element. To apply multiple classes, separate them using spaces. As an example, if an element has two classes then we specify them as "classname1 classname2" where classname1 and classname2 are the names of two different classes. The className property returns a string or a space-separated list of classes of an element.
Example-1: This example set the class for <div> element.
Output: Before Click on The Button:
After Click on The Button:
Example-2: This example get the classes of < div> element.
Output: Before Click on The Button:
After Click on The Button:
Example-3: This example overwrites the existing class names.
Output: Before Click on The Button:
After Click on The Button:
Supported Browsers: