javascript - 如果我们只知道 className 的一部分，如何删除 className？

Question

例如 - 我只有下一行代码，如果 span 包含从 outcome 开始的某些 class ，我需要重新识别--事件。如果是这样 - 通过 JS 删除它。

<span class="outcome___259Az outcome--active___1Ffc-"></span>

我们有什么想法可以实现它吗？

我接下来尝试过，但不起作用:

document.querySelector('[class^="outcome"]').classList.remove(/outcome--active/g)

Answer 1

不幸的是，根据MDN docs <element>.classList.remove()方法需要一个 <string> 参数并且它不接受 <RegExp> 。

因此，您可以通过删除以 outcome--active<something> 开头的类来简单地替换元素的整个 className

let outcome = document.querySelector('[class^="outcome"]')
outcome.className = outcome.className.replace(/\boutcome--active.+?/g, '');

Codepen demo