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
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適合操作屬性,如讀取或修改屬性的值
HTML DOM與核心DOM的區別
dom分為三部分 1 核心dom 遍歷dom樹 新增新節點 刪除節點 修改節點 2 html dom 以一種簡便的方法訪問dom樹 3 xml dom 準用於操作xml文件 核心dom與html dom的區別 核心dom 物件 document,node,elementnode,textnode,a...
核心dom和html dom的區別
核心dom 物件 document,node,elementnode,textnode,attributenode,commentnode,nodelist 核心dom提供了統一的操作介面 createelement setattribute removeattribute nodename 核心d...
核心dom和html dom的區別
核心dom 物件 document,node,elementnode,textnode,attributenode,commentnode,nodelist 核心dom提供了統一的操作介面 createelement setattribute removeattribute nodename 核心d...