如何在香草JavaScript中实现“切换类”函数？
如何在香草JavaScript中实现“切换类”函数？
提问于 2019-05-17 11:25:58
该函数应该搜索文档中任何具有“graphicDesign”值的“data-info”属性的元素，然后在这些元素上切换类'hideMe‘。
它返回控制台中正确的元素数量，但在classList切换时中断。
我尝试过其他方法，比如按类名查找元素然后切换，但这也不起作用。
function toggleGraphicDesign() {
let graphicDesignElements = document.querySelectorAll('[data-info="graphicDesign"]');
console.log(graphicDesignElements.length);
graphicDesignElements.classList.toggle('hideMe');
}回答 1
Stack Overflow用户
回答已采纳
发布于 2019-05-17 11:27:11
querySelectorAll()将一个NodeList而不是一个element.According返回给MDN
Document方法
querySelectorAll()返回一个静态(非活动) NodeList，表示与指定的选择器组匹配的文档元素的list。
您需要使用forEach()和每个元素的切换类循环遍历所有元素。
function toggleGraphicDesign() {
let graphicDesignElements = document.querySelectorAll('[data-info="graphicDesign"]');
console.log(graphicDesignElements.length);
graphicDesignElements.forEach(x => x.classList.toggle('hideMe'))
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56185462
复制相关文章
相似问题
腾讯云开发者
