手机
当前位置:查字典教程网 >编程开发 >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获得url查询参数的方法

javascript实现Table间隔色以及选择高亮的方法

jQuery获取页面元素绝对与相对位置的方法

JavaScript实现弹出模态窗体并接受传值的方法

Javascript监视变量变化的方法

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

JavaScript获取并更改input标签name属性的方法

javascript实现日期按月份加减

javascript实现获取服务器时间

javascript无刷新评论实现方法

精品推荐
分类导航