HTML5 js如何获取所有相同ID或class的元素？

下面例子通过document.getElementsByClassName("class1")获链消迟取所有同一class的元素，使用for循环把取得的div元素的值存入数组arr中，棚李完成的代码如下：

运行结果，打印数组如下：

扩展资料：

js或jQuery获取html元素的值的常用方法：

例如：

js写法：

alert(document.getElementById('aa').innerHTML);

jQuery写法：

alert($('#aa').html());

说明如下：

innerHTML是取元素的内部html代码，此例中即div内部桥冲的所有html代码。

html()方法作用也是取dom节点的内部html内容，是jQuery中的函数方法。

JavaScript获取所有相同轿咐class的元素的方闭敏纯法：

var aDiv=document.getElementsByClassName("test");  //获取文档中class为“test”的所有元素

for (var i = 0;i

//遍历 aDiv的中所有元素并且将所有class为拿早“test”的元素的字体颜色设置为“red”

aDiv[i].style.color="red";

};

具体实例代码：

效果：

var eles=document.getElementsByClassName("className"李斗);

for(var e in eles)
{
//棚搏这里可以循环出链扰祥每个元素对象

}