有没有办法使用JavaScript通过类名获取元素？

Question

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

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

Answer 1

是的，有getElementsByClassName()这样的东西，这里有一个browser support list，它几​​乎说“除了IE8及以下所有最近的浏览器”

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

另外，querySelectorAll()使用CSS选择器。它与jQuery的工作方式非常相似。 Here's a browser support list它，也说“除了IE7及以下所有最近的浏览器”

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

Answer 2

我更喜欢jQuery。试试吧：

var elements = jQuery(".myClass");

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

jQuery(".myClass").each( function() {
    // Getting element:
    var element = jQuery(this);

    doSomeStuff(element)
});