当前位置：首页 > 资讯 > 技术文档

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

时间：2021-05-31 21:57 编辑：来源：阅读：
扫一扫，手机访问

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

本文实例讲述了原生javascript实现获取指定元素下所有后代元素的方法，分享给大家供大家参考。具体实现方法如下：过去常用的循环递归的方式显得非常的麻烦，下面就分享一个比较简单的方式，使用原生的javascript方法即可实现此功能。代码实例如下:

[u]复制代码[/u] 代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.1sucai.cn/" />

<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程序设计有所帮助。

全部评论(0)

上一篇：javascript 读取内联之外的样式(style、currentStyle、getComputedStyle区别介绍)
下一篇：getComputedStyle与currentStyle获取样式(style/class)

资讯排行榜
更多>>