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的名字的详细内容 ，更多请关注本网内其它相关文章！
免责说明：以上展示内容泉源于相助媒体、企业机构、网友提供或网络网络整理 ，版权争议与本站无关 ，文章涉及看法与看法不代表尊龙凯时人生就是搏滤油机网官方态度 ，请读者仅做参考 。本文接待转载 ，转载请说明来由 。若您以为本文侵占了您的版权信息 ，或您发明该内容有任何涉及有违公德、冒犯执法等违法信息 ，请您连忙联系尊龙凯时人生就是搏实时修正或删除 。
