DOM與HTML DOM的區別與聯絡

2021-08-02 19:13:35 字數 1091 閱讀 6203

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