33.关于childnodes和firstchildnode属性（父节点）

最新推荐文章于 2024-05-13 13:37:50 发布
最新推荐文章于 2024-05-13 13:37:50 发布
阅读量191 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53630069/article/details/120323148
版权

DOM解析 节点获取 空格处理 IE8 firstChildNode
关键词由CSDN通过智能技术生成

1.它可以获取大节点中的小节点

举例

 

最后显示结果是9

这是为什么呢？

因为它两个元素节点之间的空格也算成了node

但是，需要注意的是，如果浏览器版本是IE8及以下，则检测不出来空白

而与之对应的，firstchildnode是获取的子元素节点中的第一个元素

执笔画流年~
关注
专栏目录
JS获取子节点、父节点和兄弟节点的方法实例总结
10-18
本文主要针对获取子节点、父节点和兄弟节点的方法进行了详尽的实例总结，并在操作过程中需要注意的技巧与事项进行了分析。 首先，获取子节点是日常开发中的基础操作。有多种方式可以获取子节点，包括但不限于使用...
DOM中的node节点属性详解
weixin_44992737的博客
06-28 825
DOM中的node节点属性详解
在 JavaScript 中提取元素的第一个子元素
迹忆客
06-21 1900
Element.children 和 Node.childNodes 之间的唯一区别是 Element.children 仅包含元素节点，而 Node.childNodes 获取所有子节点，包括非元素节点，如文本和注释。Node.firstChild 返回树中节点的第一个子节点，如果节点没有子节点则返回 null。返回指定元素的子节点的活动 NodeList，索引 0 分配给第一个子节点。它返回一个包含节点子节点的活动 NodeList。HTML 集合是节点的 DOM 元素子元素的活动的、有序的集合。
js下firstElementChild firstChild 以及childNodes和children方法
weixin_30482383的博客
10-12 365
一、 <div> <p>123</p> </div> 在上面这段代码中，如果使用以下js代码 var oDiv=document.getElementByTagName("div")[0]; alert(oDiv.firstChild.nodeName) 在ie9以下，alert出来的是p（p标签名字）...
JS--JavaScript访问节点（childNodes、parentNode、firstChild、lastChild、nextSibling、previousSibling）
吴声子夜歌的博客
09-25 3014
访问节点 通过节点之间的树形关系，可以定位文档中的每个节点。DOM为Node类型定义如下属性，以方便JavaScript对文档树中每个节点进行遍历。 ownerDocument：返回当前节点的根元素（document对象） parentNode：返回当前节点的父节点。所有的节点都仅有一个父节点 childNodes：返回当前节点的所有子节点的节点列表 firstChild：返回当前节点的首个子节...
childNodes详解
diukuijian4440的博客
10-25 1742
定义和用法 childNodes 属性返回节点的子节点集合，以 NodeList 对象。 提示：您可以使用 length 属性来确定子节点的数量，然后您就能够遍历所有的子节点并提取您需要的信息。 浏览器支持 所有主流浏览器都支持 childNodes 属性。 语法 element.childNodes 技术细节 返回值： NodeList 对象，...
JS获取父节点方法
10-29
`parentObj.firstChild`和`parentObj.lastChild`分别用于获取父节点的第一个子节点和最后一个子节点，它们可以递归使用以访问更深层的节点。结合使用，如`parentObj.firstChild.lastChild`，可以快速定位到特定的子...
DOM下的节点属性和操作小结
09-06
如果无子节点，元素节点会返回`null`，而文本和属性节点会返回一个空的NodeList。 6. **lastChild**: 类似于firstChild，返回最后一个子节点。返回值与firstChild相同。 7. **nextSibling**: 只读属性，返回当前...
childNodes.length与children.length的区别
09-05
`childNodes.length`和`children.length`是两个经常在处理DOM元素时遇到的属性，它们之间存在着重要的区别。 首先，`childNodes.length`返回的是一个元素节点的所有子节点的数量，这些子节点不仅包括HTML元素节点，...
js中childNodes易错点、详解定义以及用法
君莫笑
09-13 6757
js中childNodes易错点、详解定义以及用法 最近学习的时候，我遇到了childNodes的一些问题，我查阅了一些资料，总结一下其定义及用法。在学习childNodes之前，我们需要先了解一下DOM。 　　 DOM：文档对象模型，描绘了一个层次化的节点树，允许开发人员添加，删除，修改页面的某一部分。如下图文档对象模型图册所示： 　它包括5种节点类型如下： 节点类型 说明 值
js中firstChild和childNodes[0]以及children[0]之间的点滴问题
走在前端
03-11 6985
示例： js中firstChild和childNodes[0]以及children[0]之间的点滴问题 pppppppppppppppp window.onload = function() { if (!document.getElementById("div1")) return false; var
浅谈childNodes和children以及firstChild和firstElementChild
筱葭的博客
05-06 1838
1、childNodes属性： 返回指定元素的子节点集合，包括元素节点和文本节点。 除了IE9和Firefox，其他浏览器都支持通过childNodes[i]获取第i个子节点。   2、children属性： 返回指定元素的子元素集合，只包括元素节点，不包括文本节点。 除了IE9和Firefox，其他浏览器都支持通过children[i]获取第i个子节点。 注意：children在I
childNodes和children，firstChild和firstElementChild，lastChild和lastElementChild的区别
weixin_46683645的博客
06-18 505
首先，我们给出HTML的代码 <ul id='city'> <li>北京</li> <li>南京</li> <li>东京</li> <li>南宁</li> </ul> <button id='btn'>点我</button> 一、childNodes和children的区别 先看看childNodes window.onload = function()
js:childNodes与firstChild、lastChild
aokuijiang0440的博客
05-14 216
在JavaScript中，使用childNodes属性可以返回一个数组，这个数组包含给定元素节点的全体子节点，如代码所示: 平板视图打印？ 01 <body> 02 <ul id="action"> 03 <li title="第一段文字...
javascript中childNodes与children的区别
weixin_30609331的博客
05-14 485
1、childNodes：获取节点，不同浏览器表现不同； 　　IE：只获取元素节点； 　　非IE：获取元素节点与文本节点； 　　解决方案：if(childNode.nodeName=="#text") continue 或者 if(childNode.nodeType != '3')continue 2、children：获取元素节点，浏览器表现相同。 　　因此建议使用childre...
childNodes 详解
最新发布
思索的涟漪，突破自我
05-13 504
在JavaScript中，childNodes是一个属性，属于Node对象，它返回一个NodeList对象，其中包含了指定Node对象下所有类型的子节点。这些子节点可以是元素节点（Element）、文本节点（Text）、注释节点（Comment）等。
了解childNodes 和 children 区别
lhrdlp的学习笔记
07-05 4442
做题的时候碰见了关于 childNodes 和 children之间的区别的问题,查了一点点资料,对他们二者之间也有了一些了解,写博客加深一下自己的印象. 二者的定义: childNodes: 返回包含指定节点的子节点的集合，该集合为即时更新的集合 children : 是一个只读属性，返回 一个Node的子elements ，是一个动态更新的 HTMLCollection,属于非标准型，不过它还是依旧可以被所有的浏览器所支持 用下面的一段代码来展示二者之间具体的区别: childNodes的结果:
childNodes属性使用
君林天下的专栏
03-08 1655
/*打印当前页面元素树结构 递归 ** childNodes属性获得当前对象的子元素节点 */ var s=""; function travel(space,node){ if(node.tagName){ s+=(space+node.tagName+""); } var l = node.childNodes.length; for(var i=0;i<l;i++){ tr
childNodes 和 children 有什么区别？
zhuchunyan_aijia的博客
08-26 375
childNodes会返回所有节点，包括HTML、Text、注释等等内容。
JavaScript中parentNode,childNodes,children属性深度解析
`parentNode`属性用于获取当前元素的直接父节点。在HTML文档中，每个元素都有一个父节点，除非它是整个文档的根节点`<html>`。例如，如果你有一个`<div>`元素，你可以通过`parentNode`属性找到包含它的上一级元素。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值