原生javascript实现获取指定元素下所有后代元素的方法
本文实例讲述了原生javascript实现获取指定元素下所有后代元素的方法,分享给大家供大家参考。具体实现方法如下:
过去常用的循环递归的方式显得非常的麻烦,下面就分享一个比较简单的方式,使用原生的javascript方法即可实现此功能。
代码实例如下:
javascript获取后代元素window.οnlοad=function(){
var obox=document.getElementById("box");
var oshow=document.getElementById("show");
var nodes=obox.getElementsByTagName("*");
oshow.innerHTML=nodes.length;
}
- 元素一
- 元素二
- 元素三
上面的代码实现了我们的要求,参数星号表示一个通配符,它可以匹配所有类型的标签。
getElementsByTagName()方法的调用对象决定了它的查找范围。
希望本文所述对大家的javascript web程序设计有所帮助。相关阅读:
JavaWeb实现打印功能
win7中C#的winForm编程使用savefiledialog不能弹出保存窗体的解决方法
MySQL essential版本和普通版本有什么区别?
WinXP无法创建视频预览解决办法
jQuery中has()方法用法实例
Win8.1怎么运行命令提示符?打开命令提示符六种方法
js实现可拖动DIV的方法
jquery+CSS3实现3D拖拽相册效果
MySQL创建和删除数据表的命令及语法详解
php获取$_POST同名参数数组的实现介绍
DIV设置了固定宽高出现文字(文本)的不能自动换行
PHP 正则表达式 推荐
Win7系统怎么连接投影仪?Win7连接投影仪的方法
php自定义apk安装包实例