码迷,mamicode.com
首页 > 其他好文 > 详细

test2

时间:2018-06-13 15:18:00      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:js代码   text   OLE   oct   src   包含   ntb   name   循环   

技术分享图片
 1 ```html
 2 <!DOCTYPE html>
 3 <html lang="en">
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>Title</title>
 7 </head>
 8 <body>
 9     <div>
10         <div class="c1">asdf</div>
11         <div class="c1" id="i1">
12             <div name="n1">11</div>
13             <div name="n1">
14                 <a>1</a>
15                 <a>11111</a>
16             </div>
17         </div>
18         <div class="c1">asdf</div>
19     </div>
20     <!--js代码-->
21     <script>
22         var i1 = document.getElementById(i1);
23         //包含文本信息和标签信息
24         var p1_text = i1.parentNode;
25         //只包含标签信息
26         var p1 = i1.parentElement;
27 
28         // 获取包含文本和标签信息的集合
29         var eles_node = p1_text.childNodes;
30         // 循环遍历,筛选出所有的标签
31         for(var j=0;j<eles_node.length;j++){
32             var current_node = eles_node[j];
33             if(current_node.nodeType == 1){
34                 console.log(current_node)
35             }
36         }
37 
38         // 获取只包含标签信息的集合
39         var eles = p1.children;
40         // 循环遍历,筛选出所有标签
41         for(var i=0;i<eles.length;i++){
42             console.log(eles[i])
43         }
44     </script>
45 </body>
46 </html>
47 ```
View Code

 

test2

标签:js代码   text   OLE   oct   src   包含   ntb   name   循环   

原文地址:https://www.cnblogs.com/jhw5206/p/9176781.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!