HTML DOM className attribute
Definition and Usage
className property sets or returns the class attribute of the element.
grammar
Get property values:
HTMLElementObject.className
Setting property values:
HTMLElementObject.className= classname
Browser Support
All major browsers support className attribute
Examples
Examples
Returns the class attribute of the body element:
<html>
<body id="myid" class="mystyle">
<script>
var x=document.getElementsByTagName('body')[0];
document.write("Body CSS class: " + x.className);
document.write("<br>");
document.write("An alternate way: ");
document.write(document.getElementById('myid').className);
</script>
</body>
</html>
<body id="myid" class="mystyle">
<script>
var x=document.getElementsByTagName('body')[0];
document.write("Body CSS class: " + x.className);
document.write("<br>");
document.write("An alternate way: ");
document.write(document.getElementById('myid').className);
</script>
</body>
</html>
Output:
Body CSS class: mystyle
An alternate way: mystyle
An alternate way: mystyle
try it"