原生javascript实现获取指定元素下所有后代元素代码实例

原生javascript实现获取指定元素下所有后代元素代码实例:
在本版块介绍过实现此功能的代码代码,但是在代码量上比较麻烦,采用的是循环递归的方式。
上面你所说的方式可以参阅原生的javascript获取指定元素下所有的元素节点一章节,此文介绍的看起来非常的麻烦,那么下面就分享一个比较简单的方式,使用原生的javascript方法即可实现此功能。
代码实例如下:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset=" utf-8">
 5 <meta name="author" content="http://www.softwhy.com/" />
 6 <title>蚂蚁部落</title>
 7 <script type="text/javascript">
 8 window.onload=function(){
 9   var obox=document.getElementById("box");
10   var oshow=document.getElementById("show");
11   var nodes=obox.getElementsByTagName("*");
12   oshow.innerHTML=nodes.length;
13 }
14 </script>
15 </head>
16 <body>
17 <div id="show"></div>
18 <div id="box">
19   <div>
20     <ul>
21       <li>蚂蚁部落一</li>
22       <li>蚂蚁部落二</li>
23       <li>蚂蚁部落三</li>
24     </ul>
25   </div>
26 </div>
27 </body>
28 </html>

上面的代码实现了我们的要求,参数星号表示一个通配符,它可以匹配所有类型的标签。
getElementsByTagName()方法的调用对象决定了它的查找范围。

你可能感兴趣的:(JavaScript)