ClassName 在 JavaScript 中是 HTML 元素类名的属性，用于动态操纵样式。用途包括：访问 ClassName添加 ClassName移除 ClassName切换 ClassName检查是否包含 ClassName
ClassName 在 JavaScript 中是什么意思？
ClassName 是 JavaScript 中代表 HTML 元素类名的属性。它允许开发者通过 JavaScript 脚本动态操纵和访问 HTML 元素的样式。
使用 ClassName 的方法：
-
访问 ClassName：可以使用
element.className访问指定元素的 ClassName。
<code class="javascript">const div = document.getElementById("myDiv");
console.log(div.className); // 输出：my-class</code>-
添加 ClassName：可以使用
element.classList.add("newClass")向元素添加新的 ClassName。
<code class="javascript">div.classList.add("new-class");
console.log(div.className); // 输出：my-class new-class</code>-
移除 ClassName：可以使用
element.classList.remove("removedClass")从元素中移除某个 ClassName。
<code class="javascript">div.classList.remove("my-class");
console.log(div.className); // 输出：new-class</code>-
切换 ClassName：可以使用
element.classList.toggle("toggledClass")来切换元素的 ClassName，如果存在则移除，如果不存在则添加。 -
包含 ClassName：可以使用
element.classList.contains("className")检查元素是否包含指定的 ClassName。
用途：
ClassName 在以下场景中很有用：
- 动态应用和移除样式
- 根据条件显示或隐藏元素
- 操纵 CSS 动画和过渡
- 增强用户交互
