有没有办法使用 JavaScript 按类名获取元素

Is there a way to get an element by its class name using JavaScript?

本文关键字：获取 元素 JavaScript 有没有      更新时间：2023-09-26

使用 JavaScript 按类名获取元素的最佳方法是什么？

我可以只使用像document.getElementByClassName（'myClass'）这样的东西吗？

是的，有getElementsByClassName()这样的东西，这里有一个浏览器支持列表，上面写着"除IE8及更低版本以外的所有最近的浏览器"

var elements = document.getElementsByClassName('myClass');

此外，还有使用 CSS 选择器的querySelectorAll()。这与jQuery的做法非常相似。这是它的浏览器支持列表，其中还显示"除IE7及更低版本以外的所有最新浏览器"

var elements = document.querySelectorAll('.myClass');

我更喜欢jQuery。试试吧：

var elements = jQuery(".myClass");

这将收集类 = "myClass" 的所有元素。如果你想迭代并用这个元素做一些事情：

jQuery(".myClass").each( function() {
    // Getting element:
    var element = jQuery(this);
    doSomeStuff(element)
});
相关文章：