javascript - Vanilla JavaScript 向元素添加类

Question

这个问题已经有答案了:

Adding click event listener to elements with the same class (5 个回答)

已关闭 5 年前。

我想使用纯 JS 向某些元素添加类，并且熟悉使用 ID 选择元素，但是当我尝试使用 getElementsByClassName 时，我的代码崩溃了。是不是不能通过类名获取元素并添加新类？

我知道下面的代码可以工作，但是，我再次想通过 className 来定位元素。

document.getElementById("id-name").classList.add("new-class");

Answer 1

您可以使用 querySelectorAll 选择包含您的类的每个元素，然后在所有元素上添加新类:

document.querySelectorAll('.class-name')
        .forEach(element => element.classList.add('new-class'))