星空网 > 软件开发 > Java

js的childNodes用法简单介绍

js的childNodes用法简单介绍:
此属性可以返回指定元素的所有一级子节点,返回值是一个集合。
代码如下:

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><script type="text/javascript">window.onload=function(){ var thediv=document.getElementById("thediv"); var bt=document.getElementById("bt"); bt.onclick=function(){alert(thediv.childNodes.length);}}</script></head><body><div id="thediv"> <div></div> <div></div></div><input type="button" id="bt" value="点击查看" /></body></html>

以上代码的弹出结果是5,不过很多朋友可能原本预测的它的弹出值是2,因为里面有两个div元素。之所以是5是因为childNodes属性会将空格作为一个文本节点来计算的,并且此属性具有浏览器兼容性,低版本的IE浏览器不支持,如果只想获取元素节点可以使用children属性。
相关阅读:
1.children属性可以参阅javascript的children属性的用法一章节。
2.节点操作可以参阅javascript的DOM元素节点操作简单介绍一章节。
3.父子节点的获取可以参阅javascript如何获取元素的子节点和父节点一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11390

更多内容可以参阅:http://www.softwhy.com/javascript/




原标题:js的childNodes用法简单介绍

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

PPC策略:https://www.goluckyvip.com/tag/2107.html
GST 消费税 :https://www.goluckyvip.com/tag/21070.html
GSTIN:https://www.goluckyvip.com/tag/21071.html
GSupremacy:https://www.goluckyvip.com/tag/21072.html
Gtech佳应科技:https://www.goluckyvip.com/tag/21074.html
GTF跨境圈中人:https://www.goluckyvip.com/tag/21075.html
TikTok斥资210万美元游说美国参议院阻止法案通过 :https://www.goluckyvip.com/news/188220.html
北京飞机票查询(快速查询北京至各地机票价格和航班信息):https://www.vstour.cn/a/366178.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流