将一个类数组传递给 classList.add

在 JavaScript 中，我们经常需要操作 HTML 元素的 class 属性。其中，classList 是一个方便的 API，可以让我们更方便地操作 class。

classList 有很多方法，比如 add、remove、toggle 等等。其中，add 方法可以很方便地添加新的 class。

但是，有时候我们需要将一个类数组作为参数传递给 add 方法，比如从一个 NodeList 中筛选出一些元素，然后给它们添加同样的 class。

下面是一个例子：

const elements = document.querySelectorAll('li');
elements.forEach(el => {
  if (el.textContent.includes('JavaScript')) {
    el.classList.add('highlight');
  }
});

这个例子中，我们首先使用 querySelectorAll 方法获取了页面中所有的 li 元素。

然后，我们遍历这个类数组，并且对于其中包含 "JavaScript" 的元素，我们给它添加了一个名为 "highlight" 的 class。

这里需要注意的是，虽然 querySelectorAll 返回的对象看起来像是一个数组（因为它有 length 属性，可以使用 forEach 方法），但实际上它是一个类数组（NodeList）对象。因此，我们不能直接将它作为参数传递给 classList.add 方法。

为了解决这个问题，我们可以使用 forEach 方法。这个方法接受一个函数作为参数，并且会对类数组中的每个元素依次调用这个函数。在这个函数中，我们就可以使用 classList.add 方法了。

总的来说，将类数组作为参数传递给 classList.add 方法并不难，只需要稍微注意一下语法即可。但是，在实际的开发中，我们经常会遇到类型转换、错误处理等问题，所以我们需要更深入地了解 JavaScript 和 DOM 编程。