当前位置:澳门新葡亰亚洲在线 > 办公软件 > JS应用DOM入门:简单文档DOM结构分析

JS应用DOM入门:简单文档DOM结构分析

文章作者:办公软件 上传时间:2019-06-21

  请注意,从现在开始,我们就要按照Tree结构以及家族关系的方式来看待整个文档了。 BODY标记是Tree的根节点,它包含了4个孩子节点:p1Node、文本项节点(“This is the document body”)、p2Node和p3Node。每个孩子节点或者是一个HTML标记型节点,或者是一个文本项型节点。在一对开始标记和结束标记间的内容属于这个标记的孩子节点,比如“This is paragraph1”就是p1Node节点的孩子节点,同时它本身也是一个文本项型节点。文本项型节点必须包含一个非空字符,因此,第2段和第3段的孩子节点是不存在的。

  这里有上述HTML文档的DOM Tree图示,它能帮助我们更好地理解节点间的相互关系:

  HTML中有一些标记不包含关闭括弧,这种情况下,我们可以将下一个紧挨者的标记作为关闭括弧对待。比如LI标记可以将紧挨者的LI或UL标记作为关闭标识。

  简单文档的节点导航文档的DOM Tree结构为每个标记和文本项设置了一个节点,对于任一被分配了ID属性的节点,都可以作为起始点开始整个Tree的“攀登”。而且,借助DOM属性的强大功能,我们可以寻址到Tree中的每一个节点。

  * 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!

  更多

  OPPO Reno 10倍变焦版手机里的美食诱惑 有点饿了是怎么回事?

  OPPO Reno 10倍变焦版手机里的美食诱惑 有点饿了是怎么回事?

  【P&I SHANGHAI 2019剧透】今年7月,影像界的线下狂欢等你来!

  “有声照片”开创一次成像新纪元,富士发布instax mini LiPlay

转载请注明来源:JS应用DOM入门:简单文档DOM结构分析