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

Question

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

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

我使用的html代码是

<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>

现在我希望当单击“删除类”按钮时，如果它们存在于 div 中，它应该一个接一个地替换传递的类。我该怎么做？

Answer 1

您需要将 elementClass 拆分成一个数组，以便您可以删除每个元素。此外，使用 classList 属性比使用 className 更容易做到这一点。

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