手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >原生javascript实现获取指定元素下所有后代元素的方法
原生javascript实现获取指定元素下所有后代元素的方法
摘要:本文实例讲述了原生javascript实现获取指定元素下所有后代元素的方法,分享给大家供大家参考。具体实现方法如下:过去常用的循环递归的方式...

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

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

代码实例如下:

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

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.jb51.net/" />

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

【原生javascript实现获取指定元素下所有后代元素的方法】相关文章:

javascript先序遍历DOM树的方法

JavaScript中使用Math.PI圆周率属性的方法

js获取滚动距离的方法

Javascript生成全局唯一标识符(GUID,UUID)的方法

javasript实现密码的隐藏与显示

JavaScript获得url查询参数的方法

javascript无刷新评论实现方法

JavaScript实现点击文字切换登录窗口的方法

JavaScript对表格或元素按文本,数字或日期排序的方法

JavaScript获取两个数组交集的方法

精品推荐
分类导航