Element.className
Summary
className gets and sets the value of the class attribute of the specified element.
Syntax
JavaScript
Copy Code
<var>var cName</var> = <var>elementNodeReference</var>.className; <var>elementNodeReference</var>.className = <var>cName</var>;
- cName is a string variable representing the class or space-separated classes of the current element.
Example
JavaScript
Copy Code
var elm = document.getElementById("div1"); if (elm.className === "fixed") { // skip a particular class of element goNextElement(); }
Notes
The name className is used for this property instead of class because of conflicts with the "class" keyword in many languages which are used to manipulate the DOM.
Specifications
| Specification | Status | Comment |
|---|---|---|
| DOM The definition of 'element.className' in that specification. |
Living Standard | |
| DOM4 The definition of 'element.className' in that specification. |
Recommendation | |
| Document Object Model (DOM) Level 2 HTML Specification The definition of 'element.className' in that specification. |
Recommendation | Initial definition |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
| Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
See also
License
© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/api/element/classname