如果任何给定类使用javascript匹配，则从元素中移除类

我有一个简单的javascript函数，可以从元素中删除一个类。我使用的脚本是

function removeclass(elementId, elementClass) {
    document.getElementById(elementId).className = document.getElementById(elementId).className.replace( ' '+elementClass , '' );
}

<div id="mine" class="hide show success fail">Class will be removed from here</div>
<button onclick="removeclass('mine', 'fail show success')" type="button">Remove Class</button>

我使用的html代码是

function removeclass(elementId, elementClass) {
    document.getElementById(elementId).className = document.getElementById(elementId).className.replace( ' '+elementClass , '' );
}

<div id="mine" class="hide show success fail">Class will be removed from here</div>
<button onclick="removeclass('mine', 'fail show success')" type="button">Remove Class</button>

类将从此处删除
下课

---

现在我想，当单击Remove Class按钮时，它应该逐个替换传递的类（如果它们存在于div中）。我如何才能做到这一点？

您需要将

elementClass

拆分为一个数组，以便可以删除每个类。此外，使用

classList

属性比使用

className

更容易做到这一点

function removeclass(elementId, elementClass) {
    var classes = elementClass.split(' ');
    var classList = document.getElementById(elementId).classList;
    classList.remove.apply(classList, classes);
}

“不太好”的解决方案

函数removeClass（eId，klassName）{
var el=document.getElementById（eId）；
klassName.split（“”）.forEach（函数（e）{
el.classList.remove（e）；
});
}

类将从此处删除
删除类