从则平、破则立，千锋秉承用良心做教育的理念，依托雄厚师资为学员打造出一套又一套高端专属课程!千锋Java培训重拳出击，带领学员用实力铸就不朽传奇。并针对学生在学习java开发过程中经常会遇到的问题一一做出解答。

　　今天给大家分享的内容是：HTML获取子元素时的注意事项。

　　1. 情况

　　当我们使用js解析Html文档的时候,经常需要获取某个元素下的子节点 , 这时我们会发现, 我们获取到的节点数量跟我们实际在页面中看到的好像不太一样

　　<ol>

　　<li>魔兽争霸</li>

　　<li>反恐精英</li>

　　<li>红色警戒</li>

　　</ol>

　　比如上面这段代码, 我们明明看到的只有三个子项, 可是有时在遍历的时候会出现不是三个子项的情况

　　2. 原因

　　在所有的dom结构中,子项分为两种

　　§ 节点

　　§ 两个标签中的中间隔的部分都是节点 , text 和 element都是节点

　　§ 下面这段代码中, ol 开始标签到 li 开始标签中间的这部分我们就称之为text节点

　　§ li 开始标签到 li 接收标签这部分我们称之为element节点

　　§ <ol><text><li>魔兽争霸</li><text></ol>

　　§ 元素

　　§ 由开始标签和结束标签组成的部分

　　§ 下面这段代码中, ol 开始标签和 ol 结束标签组成的一组我们称之为一个元素 , li 开始标签和 li 结束标签组成的一组也称之为是一个标签

　　§ <ol><li>魔兽争霸</li></ol>

　　所以, 上面的上面的代码中, ol 元素下有三个节点 , 一个元素

　　3. 解决办法

　　js为每个元素提供了两个属性

　　childNodes : 获取所有的子节点

　　children : 获取所有的子元素

　　Java培训千锋纯面授班在培养学员成为程序员的过程中，注重编程思想，我们不仅要教会学员写代码，还要教好学员如何运用代码去应战实际工作中的需要，更迭迅速的时代，JavaEE作为一个异类身处其中，从问世起便立于不败之地，JavaEE在行业中规范市场，为整个行业规范大方向，无论行业哪个环节哪个方向快速发展，都将成为JavaEE进步的给力助攻!

　　更多java技术知识，欢迎加入我们的技术交流群，这里每一位老师都会为你热心解答!