DomTree探秘

DomTree

DOM

DOM是一个由javascript节点对象组成的层次结构/树



    HTML



使用chrome打开,并打开开发者工具,选择Elements->Properties
DomTree探秘_第1张图片

选中body节点,我们可以看到类似于Eclipse中java类的Class hierarchy视图。body是HTMLBodyElement的实例化对象,HTMLBodyElement是HTMLElement的子类,以此类推...

总结

  • DOM的目的是使用javascript操作(删除、添加、替换、创建事件)树状的HTML文档而提供的一个编程接口

节点对象类型

DomTree探秘_第2张图片

  • DOCUMENT_TYPE_NODE 10

  • DOCUMENT_NODE 9

  • ELEMENT_NODE 1

  • ATTRIBUTE_NODE 2

  • TEXT_NODE 3

  • ...

这些Node属性是常量,是用来声明某一节点的类型。如同java语言中的Integer,Char,Long,String等,而且它们也有构造函数啊!

构造函数 类型
HTML*Element ELEMENT_NODE
Text TEXT_NODE
Attr ATTRIBUTE_NODE
HTMLDocument DOCUMENT_NODE
DocumentFragment DOCUMENT_FRAGMENT_NODE
DocumentType DOCUMENT_TYPE_NODE

你可能感兴趣的:(DomTree探秘)