js 添加class

作者：昔日暖阳发布日期:2026-01-31 浏览:64
// 示例代码：为元素添加 class

// 假设我们有一个 HTML 元素，例如 <div id="myElement"></div>
// 我们可以通过 JavaScript 为其添加一个或多个 class

// 方法一：使用 Element.classList.add()
document.getElementById("myElement").classList.add("newClass");

// 解释：
// classList 是一个只读属性，返回一个 DOMTokenList 对象，
// 该对象表示元素的 class 属性。通过调用 add() 方法可以向该元素添加指定的 class。
// 如果该 class 已经存在，则不会重复添加。

// 方法二：直接修改 element.className（不推荐）
var element = document.getElementById("myElement");
element.className += " newClass";

// 解释：
// 这种方法是直接修改元素的 className 属性，将新的 class 添加到已有的 class 后面。
// 但这种方法容易覆盖原有的 class，因此不如使用 classList.add() 安全可靠。
上一篇：js 增加class