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 |