document.getElementsByTagName获取js写的一个页面里面的标签
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了document.getElementsByTagName获取js写的一个页面里面的标签相关的知识,希望对你有一定的参考价值。
一个页面,有一部分是通过 js写出来的,现在想通过document.getElementsByTagName获取js这部分的标签(checkbox),要怎么实现?请教高手!!!
参考技术A 请问是获取单个checkbox还是获取一个集合:1、获取单个checkbox的情况:在checkbox上面确定一个id,然后用document.getElementsById就能够获取到这个元素;这只是单个的,但是checkbox肯定不是单个的;(我就先说下这个情况,勿喷);
2、获取一个checkbox集合:在每个checkbox设定统一的class,然后定义一个集合(例:var colList = document.getElementsByClassName("这里需要填写的是class的名称")),因为通过class得到的就算是一个值也是数组,所以要循环这个数组,循环数为之前定义colList.length,这样就能得到所要获取的标签了(同样getElementsByTagName方法得到的也是一个数组,也得用这个方法来循环)
如果不懂,可以追问,我给你例子本回答被提问者和网友采纳
求大神指导
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 window.onload=function(){ 8 var btns=document.getElementsByTagName("button"); 9 var inputs=document.getElementById("bottom").getElementsByTagName("input"); 10 11 function all(flag){ 12 for (var i=0;i<inputs.length;i++) { 13 inputs[i].checked=flag; 14 15 } 16 } 17 18 btns[0].onclick function(){ 19 all(true); 20 } 21 btns[1].onclick function(){ 22 all(false); 23 } 24 btns[2].onclick function(){ 25 for (var i = 0;i<inputs.length;i++) { 26 //三元运算 27 inputs[i].checked = true ? inputs[i].checked = false : inputs[i].checked = true; 28 29 } 30 } 31 32 33 </script> 34 </head> 35 <body> 36 <div id="top"> 37 <button>全选</button> 38 <button>取消</button> 39 <button>反选</button> 40 </div> 41 <div id="bottom"> 42 <ul> 43 <li>选项<input type="checkbox" /></li> 44 <li>选项<input type="checkbox" /></li> 45 <li>选项<input type="checkbox" /></li> 46 <li>选项<input type="checkbox" /></li> 47 <li>选项<input type="checkbox" /></li> 48 <li>选项<input type="checkbox" /></li> 49 <li>选项<input type="checkbox" /></li> 50 <li>选项<input type="checkbox" /></li> 51 52 </ul> 53 54 </div> 55 </body> 56 </html>
看了好久没看出来哪错了,顿时感觉不好了
以上是关于document.getElementsByTagName获取js写的一个页面里面的标签的主要内容,如果未能解决你的问题,请参考以下文章