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> |
