getElementsByTagName：找出相匹配的标签的一个集合并且遍历，下面我们以获取 checkbox多选为实例来介绍。
document.getElementsByTagName(tagname)
说明
getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。
核心代码
| 代码如下 |
|
|
function func(){
var arr = document.getElementsByTagName('input');
var arrValue = [];
var i=0;
for(var n=0;n <arr.length;n++){
if(arr[n].type=='checkbox' && arr[n].checked){
arrValue[i++] = arr[n].value;
}
}
|
实例
<!– 获取复选框的值–>
| 代码如下 |
|
|
<script>
function func(){
var arr = document.getElementsByName('checkbox');
for(var n=0;n <arr.length;n++){
alert(arr[n].value);
}
}
</script>
<body>
<div id="box">
<input name="checkbox" id="ch1" type="checkbox" value="aa">aa
<input name="checkbox" id="ch2" type="checkbox" value="bb" checked>bb
<input name="checkbox" id="ch3" type="checkbox" value="cc" checked>cc
<input name="checkbox" id="ch4" type="checkbox" value="dd">dd
</div>
<input type="button" value="check" onClick="func()">
</body>
</html>
|
同时还可以获取 div元素
| 代码如下 |
|
|
<span id="aa">11</span>
<span id="aa1">22</span>
<span id="aa2">33</span>
<script>
var pp = document.getElementsByTagName("span");
for(i=0;i<pp.length;i++){
alert(pp[i].innerHTML);
}
</script>
|
