如何使用 JavaScript 获取元素的 class 名称

获取单个元素的 class 名称

获取单个元素的 class 名称，可以使用 element.classList.value 属性。

const element = document.querySelector(".my-class");const className = element.classList.value;console.log(className); // 输出：my-class

获取多个元素的 class 名称

获取多个元素的 class 名称，可以使用 document.querySelectorAll() 方法获取元素集合，然后遍历该集合获取每个元素的 class 名称。

const elements = document.querySelectorAll(".my-class");for (let element of elements) {  const className = element.classList.value;  console.log(className);}

附加或删除 class 名称

除了获取 class 名称外，还可以使用 classList 属性附加或删除 class 名称。

附加 class 名称

使用 classList.add() 方法附加一个或多个 class 名称。

element.classList.add("new-class");

删除 class 名称

使用 classList.remove() 方法删除一个或多个 class 名称。

element.classList.remove("old-class");

切换 class 名称

使用 classList.toggle() 方法切换一个 class 名称。如果元素已具有该 class 名称，则将其删除；如果元素没有该 class 名称，则将其添加。

element.classList.toggle("active");

以上就是js怎么获取class的名字的详细内容，更多请关注css网站其它相关文章！