DOM与HTML DOM的区别与联系

DOM分为三部分：
1、核心DOM：遍历DOM树、添加新节点、删除节点、修改节点
2、HTML DOM：以一种简便的方法访问DOM树
3、XML DOM：准用于操作XML文档

核心DOM与HTML DOM的区别：
核心DOM：
对象：Document/Node/ElementNode/TextNode/AttributeNode/CommentNode/NodeList

//核心DOM提供了统一的操作接口：createElementappendChildsetAttributeremoveAttributenodeName//核心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提供了封装好的各种对象ImageSelectOption//HTML DOM创建新元素var newNode=new Image()；//给元素添加属性：img.src='';img.id='';imd.title='';img.className=''img.style.display='';//这是典型的HTML DOM方法，他将创建元素以及访问元素的属性这些方法都简化了，直接把属性当做是对象的属性，但是我们要注意img.className=''

适用场合：

HTML DOM适合操作属性，如读取或修改属性的值