有没有更好的方法来通过类名引用html元素？

Question

是否还有其他最佳做法可以按类名获取html元素？

let left = document.getElementsByClassName("pro-left");

for (let i = 0; i < right.length; i++) {

    left[i].addEventListener("click", function () {
        console.log("Clicked");
    }
}

Answer 1

我认为getElementsByClassName已经是一个很好的最佳实践。 如果您更喜欢更现代的方法，那么您可能正在寻找 查询选择器（https://developer.mozilla.org/de/docs/Web/API/Document/querySelector）。

有了这个，您可以选择css中的元素。

document.querySelector(".myclass")

优点是您可以非常轻松地选择子类等。

编辑：

如果要选择多个元素，请使用：

document.querySelectorAll(".myclass")