元素：className 属性

className 属性是 Element 接口的属性，用于获取和设置指定元素的 class 属性 的值。

值

一个字符串变量，表示当前元素的类或用空格分隔的类。

示例

js
const el = document.getElementById("item");
el.className = el.className === "active" ? "inactive" : "active";

注意事项

这个属性使用 className 而不是 class 作为名称，是因为在许多用于操作 DOM 的语言中，class 是一个关键字，会造成冲突。

如果 element 是一个 SVGElement，则 className 也可以是 SVGAnimatedString 的实例。对于 SVG 元素，最好使用 Element.getAttribute 和 Element.setAttribute 来获取/设置元素的 className。但是，请注意，如果 element 具有空的 class 属性，则 Element.getAttribute 会返回 null 而不是 ""。

js
elm.setAttribute("class", elm.getAttribute("class"));

注意： class 是一个 HTML 属性，而 className 是一个 DOM 属性。

规范

规范
DOM 标准
# ref-for-dom-element-classname①

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅