要获取单个元素的 class 名称，可以使用 element.classList.value 属性。要获取多个元素的 class 名称，可以使用 document.querySelectorAll() 获取元素集合，然后遍历该集合获取每个元素的 class 名称。此外，还可以使用 classList 属性附加或删除 class 名称，切换 class 名称。
如何使用 JavaScript 获取元素的 class 名称
获取单个元素的 class 名称
获取单个元素的 class 名称，可以使用 element.classList.value 属性。
<code class="js">const element = document.querySelector(".my-class");
const className = element.classList.value;
console.log(className); // 输出：my-class</code>获取多个元素的 class 名称
获取多个元素的 class 名称，可以使用 document.querySelectorAll() 方法获取元素集合，然后遍历该集合获取每个元素的 class 名称。
<code class="js">const elements = document.querySelectorAll(".my-class");
for (let element of elements) {
const className = element.classList.value;
console.log(className);
}</code>附加或删除 class 名称
除了获取 class 名称外，还可以使用 classList 属性附加或删除 class 名称。
附加 class 名称
使用 classList.add() 方法附加一个或多个 class 名称。
<code class="js">element.classList.add("new-class");</code>删除 class 名称
使用 classList.remove() 方法删除一个或多个 class 名称。
<code class="js">element.classList.remove("old-class");</code>切换 class 名称
使用 classList.toggle() 方法切换一个 class 名称。如果元素已具有该 class 名称，则将其删除；如果元素没有该 class 名称，则将其添加。
<code class="js">element.classList.toggle("active");</code>以上就是js怎么获取class的名字的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
289
收藏
