标签：des style blog http io color os ar 使用
原生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实现获取指定元素下所有后代元素代码实例
标签：des style blog http io color os ar 使用
原文地址：http://www.cnblogs.com/xiaofinder/p/4056716.html
