javascript - Vanilla JS : Check if element classList contains values from an array and remove them

Question

我有一个 div:

<div class="modal" id="modal">

有时，它也可能从数组中多出一个类["success", "error", "warning"]

如何检查元素是否具有该数组中的任何类并删除它们，而不删除 modal 类？

我正在做的是:

var modalAlertClasses = ['warning', 'error','success'];
var modal = document.getElementById('modal');    
for (var i = 0; i < modal.classList.length; i++) {
        if (modalAlertClasses.indexOf(modal.classList[i]) > -1) {
            modal.classList.remove[modal.classList[i]];
            console.log(modal.classList[i]);
            }
        }

但它不起作用。

Answer 1

您的代码使用以下内容

modal.classList.remove[modal.classList[i]];

但是.classList.remove是一个函数，所以应该这样写

modal.classList.remove(modal.classList[i]);