DOM分为三部分：
（1）核心DOM：遍历DOM树、添加新节点、删除节点、修改节点
（2）HTML DOM：以一种简便的方法访问DOM树
（3）XML DOM：准用于操作XML文档
核心DOM与HTML DOM的区别：
核心DOM ：
对象：Document,Node, ElementNode,TextNode,AttributeNode，CommentNode,NodeList
核心DOM提供了统一的操作接口
createElement
appendChild
setAttribute
removeAttribute
nodeName
...
核心DOM创建新元素：
var newNode=document.createElement("img")
给元素添加属性：
e.setAttribure(‘’，‘’)
e.setAttribureNode(attr)
适用场合：
核心DOM适合操作节点，如创建，删除，查找等
HTML DOM：
对象：image,Table,Form,Input,Select...HTML标签对象化
注：TableCell：td；TableRow：tr
HTML DOM提供了封装好的各种对象
Image
Select
Option
...
HTML DOM创建新元素
var newNode=new Image()；
给元素添加属性：
img.src='';
img.id='';
imd.title='';
img.className=''
img.style.display='';
这是典型的HTML DOM方法，他将创建元素以及访问元素的属性这些方法都简化了，直接把属性当做是对象的属性，但是我们要注意img.className=''
适用场合：
HTML DOM适合操作属性，如读取或修改属性的值