javascript - 使用 JavaScript 和正则表达式从 DOM 中删除类名

标签 javascript html regex dom

我想以优雅/高效的方式从 DOM 中的一系列节点中删除多个类名。有没有办法通过使用正则表达式和 classList.remove() 的组合来实现此目的?请注意,我正在寻找纯 JavaScript 的解决方案。

HTML 代码

<div class="x">x</div>
<div class="o">o</div>

我当前的方法

document.querySelectorAll("div").forEach(function(currEl) {
    currEl.classList.remove("x");
    currEl.classList.remove("o");
})

我的问题 - 以下内容不起作用;但是,是否存在类似的东西?

document.querySelectorAll("div").forEach(function(currEl) {
    currEl.classList.remove(/[xo]/);
});

最佳答案

不完全符合您的要求,但这可能会有所帮助

document.querySelectorAll("div").forEach(function(currEl) {
    currEl.classList.remove("x","o");
});

关于javascript - 使用 JavaScript 和正则表达式从 DOM 中删除类名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47067437/

相关文章:

javascript - setInterval Chrome 与 Firefox

javascript - 对两个不同的页面使用相同的端口

html - 单击折叠的导航栏图标时,如何创建从右侧打开的面板?

html - LESS 和 CSS 导入——变得疯狂

javascript - 连接 html 按钮以访问 google 的 people API

javascript - 根据选择的单选按钮更改按钮链接

javascript - 用换行符和制表符替换 tr 和 td 的单个正则表达式

regex - 只有一个单独的插入符号的字符类有什么作用?

regex - 如何使用正则表达式获取最后一个斜杠后的数字?

javascript - 始终关闭一个打开的元素 jquery 切换