區別:1、DOM分為核心DOM、HTML DOM和XML DOM三個部分,核心DOM用於遍歷DOM樹,HTML DOM用於以簡單的方法存取DOM樹;2、核心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中文網其他相關文章!