HTML DOM與核心DOM的區別

2021-07-26 03:38:38 字數 1048 閱讀 4984

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標籤物件化

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的區別

核心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...

DOM與HTML DOM的區別與聯絡

dom分為三部分 1 核心dom 遍歷dom樹 新增新節點 刪除節點 修改節點 2 html dom 以一種簡便的方法訪問dom樹 3 xml dom 準用於操作xml文件 核心dom與html dom的區別 核心dom 物件 document node elementnode textnode a...