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

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

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

扩展资料：

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

例如：<div id="aa">值</div>

js写法：

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

jQuery写法：

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

说明如下：

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

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

一般一个元素对应一个css，比如：

<h1>一个元素</h1>

h1{

color:red

}

如果多个元素，比如：

<h1>多个元素</h1>

h1{

color:red

}

h1{

color:blue

}

h1{

font-size:50px

}

那么这样的话，就有先来后到的顺序。第一个表示红色，第二个表示蓝色，第三个是字体大小。按照显示该文字应该是“蓝色+50像素大小”。红色的元素就被忽略了。

所以，html是可以有多个元素的，但会遵循先来后到的原则。希望能够帮到你，谢谢。

---