杭州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技术知识,欢迎加入我们的技术交流群,这里每一位老师都会为你热心解答!

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20191023A0MCZA00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券