首頁  >  文章  >  web前端  >  dom與html dom的差別是什麼

dom與html dom的差別是什麼

WBOY
WBOY原創
2022-01-18 11:50:462664瀏覽

區別:1、DOM分為核心DOM、HTML DOM和XML DOM三個部分,核心DOM用於遍歷DOM樹,HTML DOM用於以簡單的方法存取DOM樹;2、核心DOM適用於操作節點,HTML DOM適用於操作屬性。

dom與html dom的差別是什麼

本教學操作環境:windows10系統、HTML5版、Dell G3電腦。

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

HTML DOM提供了封裝好的各種物件:

Image

Select

Option

HTML DOM建立新元素:

var newNode=new Image();

為元素新增屬性:

img.src='';

#img.id='';

imd.title='';

img.className=''

img.style.display='';

適用場合:

HTML DOM適合操作屬性,如讀取或修改屬性的值

推薦教學:《html影片教學

以上是dom與html dom的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn