核心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提供了統一的操做接口

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