千锋java培训 HTML获取子元素时的注意事项
时间：2018-01-03 16:51:36 | 来源：西安千锋 | 作者：千锋教育西安校区
从则平、破则立，千锋秉承用良心做教育的理念，依托雄厚师资为学员打造出一套又一套高端专属课程!千锋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技术知识，欢迎加入我们的技术交流群，这里每一位老师都会为你热心解答!
上一篇：Java编程学习知识点分享 入门必看
下一篇：千锋西安UI培训课程帮助学员走向成功
-
【博彦科技】人事专员 刘娇
入职一年多崔志波工作非常好，感谢千锋培养的人才。
-
【华夏基金】技术主管李先生
周红梅，有较强的学习能力，是有发展潜力的年轻人。
-
【北京未来付网络技术公司】总经理宋总
郑秋浩思想灵活，能按时保质保量完成工作内容。
