原生javascript实现获取指定元素下所有后代元素的方法

  本文实例讲述了原生javascript实现获取指定元素下所有后代元素的方法,分享给大家供大家参考。具体实现方法如下:

  过去常用的循环递归的方式显得非常的麻烦,下面就分享一个比较简单的方式,使用原生的javascript方法即可实现此功能。

  代码实例如下:

  

复制代码 代码如下:
<!DOCTYPE html>

  <html>

  <head>

  <meta charset=" utf-8">

  <meta name="author" content="http://www.glzy8.com/" />

  <title>javascript获取后代元素</title>

  <script type="text/javascript">

  window.onload=function(){

  var obox=document.getElementById("box");

  var oshow=document.getElementById("show");

  var nodes=obox.getElementsByTagName("*");

  oshow.innerHTML=nodes.length;

  }

  </script>

  </head>

  <body>

  <div id="show"></div>

  <div id="box">

  <div>

  <ul>

  <li>元素一</li>

  <li>元素二</li>

  <li>元素三</li>

  </ul>

  </div>

  </div>

  </body>

  </html>

  上面的代码实现了我们的要求,参数星号表示一个通配符,它可以匹配所有类型的标签。

  getElementsByTagName()方法的调用对象决定了它的查找范围。

  希望本文所述对大家的javascript web程序设计有所帮助。