获取所有具有相同类的元素

7
我知道这个:

我知道这个:

document.getElementsByClassName('class-1')[0]. 

选取第一个具有指定类名的<div>标签。
我猜想使用for()语句可以遍历整个<div>数组。
请问有人能解释如何创建这个数组吗?
我更喜欢使用纯JS。
1个回答

24

getElementsByClassName() 方法返回具有某个类名的一组 DOM 元素。以下是如何使用返回的节点列表的典型示例:


var elements = document.getElementsByClassName("class-1");
for (var i = 0, len = elements.length; i < len; i++) {
    // elements[i].style ...
}

1
请注意,getElementsByClassName 并非每个浏览器都支持。 - Amberlamps
1
正如@Amberlamps所指出的那样:http://caniuse.com/getelementsbyclassname,IE8及以下版本不支持它。 - Mark Pieszak - Trilon.io

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接