HTML DOM与核心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提供了统一的操作接口

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标签对象化

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适合操作属性，如读取或修改属性的值

可见二者并不冲突，在用途上是互补的。