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

时间:2018-02-15 10:16:16

标签: javascript html getelementsbyclassname

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

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

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

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

1 个答案:

答案 0 :(得分:2)

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

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

document.querySelector(".myclass")

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

编辑:

如果要选择多个元素,请使用:

document.querySelectorAll(".myclass")