核心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適合操作屬性,如讀取或修改屬性的值
核心DOM和html DOM的區別