dom與html 的區(qū)別有什么

dom與html 的區(qū)別有什么，針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

區(qū)別：1、DOM分為核心DOM、HTML DOM和XML DOM三個(gè)部分，核心DOM用于遍歷DOM樹(shù)，HTML DOM用于以一種簡(jiǎn)便的方法訪問(wèn)DOM樹(shù)；2、核心DOM適用于操作節(jié)點(diǎn)，HTML DOM適用于操作屬性。

本教程操作環(huán)境：windows10系統(tǒng)、HTML5版、Dell G3電腦。

dom與html dom的區(qū)別是什么

DOM分為三部分：

（1）核心DOM：遍歷DOM樹(shù)、添加新節(jié)點(diǎn)、刪除節(jié)點(diǎn)、修改節(jié)點(diǎn)

（2）HTML DOM：以一種簡(jiǎn)便的方法訪問(wèn)DOM樹(shù)

（3）XML DOM：準(zhǔn)用于操作XML文檔

核心dom和html dom的區(qū)別

核心DOM ：

對(duì)象：Document,Node,   ElementNode,TextNode,AttributeNode，CommentNode,NodeList

核心DOM提供了統(tǒng)一的操作接口：

createElement

appendChild

setAttribute

removeAttribute

nodeName

核心DOM創(chuàng)建新元素：

var newNode=document.createElement("img")

給元素添加屬性：

e.setAttribure(‘’，‘’)

e.setAttribureNode(attr)

適用場(chǎng)合：

核心DOM適合操作節(jié)點(diǎn)，如創(chuàng)建，刪除，查找等

HTML DOM：

對(duì)象：image,Table,Form,Input,Select...HTML標(biāo)簽對(duì)象化

HTML DOM提供了封裝好的各種對(duì)象：

Image

Select

Option

HTML DOM創(chuàng)建新元素：

var newNode=new Image()；

給元素添加屬性：

img.src='';

img.id='';

imd.title='';

img.className=''

img.style.display='';

適用場(chǎng)合：

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

關(guān)于dom與html 的區(qū)別有什么問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。