js怎么获取class的名字
要获取单个元素的 class 名称，可以使用 element.classlist.value 属性。要获取多个元素的 class 名称，可以使用 document.queryselectorall() 获取元素荟萃，然后遍历该荟萃获取每个元素的 class 名称。别的，还可以使用 classlist 属性附加或删除 class 名称，切换 class 名称。
怎样使用 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的名字的详细内容，更多请关注本网内其它相关文章！
免责说明：以上展示内容泉源于相助媒体、企业机构、网友提供或网络网络整理，版权争议与本站无关，文章涉及看法与看法不代表尊龙凯时官网登录滤油机网官方态度，请读者仅做参考。本文接待转载，转载请说明来由。若您以为本文侵占了您的版权信息，或您发明该内容有任何涉及有违公德、冒犯执法等违法信息，请您连忙联系尊龙凯时官网登录实时修正或删除。
