前言：
此时朋友们对“js获取元素的子元素”大概比较珍视，看官们都需要学习一些“js获取元素的子元素”的相关资讯。那么小编同时在网络上汇集了一些有关“js获取元素的子元素””的相关内容，希望我们能喜欢，我们快快来学习一下吧！1.情况
当我们使用js解析Html文档的时候,经常需要获取某个元素下的子节点 , 这时我们会发现, 我们获取到的节点数量跟我们实际在页面中看到的好像不太一样
<ol> <li>魔兽争霸</li> <li>反恐精英</li> <li>红色警戒</li> </ol>
比如上面这段代码, 我们明明看到的只有三个子项, 可是有时在遍历的时候会出现不是三个子项的情况
2.原因
节点
<ol>(text)<li>魔兽争霸</li>(text)</ol>
元素
<ol><li>魔兽争霸</li></ol>
两个标签中的中间隔的部分都是节点 , text 和 element都是节点
下面这段代码中, ol 开始标签到 li 开始标签中间的这部分我们就称之为text节点
li 开始标签到 li 接收标签这部分我们称之为element节点
由开始标签和结束标签组成的部分
下面这段代码中, ol 开始标签和 ol 结束标签组成的一组我们称之为一个元素 , li 开始标签和 li 结束标签组成的一组也称之为是一个标签
在所有的dom结构中,子项分为两种
所以, 上面的上面的代码中, ol 元素下有三个节点 , 一个元素
3.解决办法
js为每个元素提供了两个属性
childNodes : 获取所有的子节点
children : 获取所有的子元素
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #js获取元素的子元素
