杭州java学习：HTML获取子元素时的注意事项

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

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

杭州java学习：HTML获取子元素时的注意事项

1.情况

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

o

魔兽争霸

o

反恐精英

o

红色警戒

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

2.原因

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

§ 节点

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

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

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

§ (text)

魔兽争霸

(text)

§ 元素

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

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

§

魔兽争霸

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

3.解决办法

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

o childNodes : 获取所有的子节点

o children : 获取所有的子元素

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

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