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適合操作屬性，如讀取或修改屬性的值

可見二者並不衝突，在用途上是互補的。