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

看了好久没看出来哪错了,顿时感觉不好了

以上是关于document.getElementsByTagName获取js写的一个页面里面的标签的主要内容,如果未能解决你的问题,请参考以下文章

JS中如何对object的param赋值

使用 DOM 和事件来提供一些视觉效果

如何在 WKWebView swift 5 中更改字体大小?

JavaScript中易犯的小错误-------常见错误五:低效的DOM操作