javascript - Vanilla JavaScript 向元素添加类

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

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

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

最佳答案

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

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

关于javascript - Vanilla JavaScript 向元素添加类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51826516/