DomTree

DOM

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

<html>
<head>
    <title>HTML</title>
</head>
<body>
</body>
</html>

使用chrome打开,并打开开发者工具,选择Elements->Properties

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

总结

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

节点对象类型

  • 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

Sike
272 声望18 粉丝