html5中的dom是什么意思

這篇文章將為大家詳細(xì)講解有關(guān)html5中的dom是什么意思，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

html5中的dom是“Document Object Model”的縮寫(xiě)，是文檔對(duì)象模型的意思，是針對(duì)HTML和XML文檔的一個(gè)API；dom定義了訪問(wèn)和操作html文檔的標(biāo)準(zhǔn)方法，通過(guò)dom可以動(dòng)態(tài)的添加、移除和修改頁(yè)面的某一部分。

本文操作環(huán)境：Windows10系統(tǒng)、html5版、Dell G3電腦。

html5中的dom是什么

DOM即文檔對(duì)象模型（Document Object Model），其定義了訪問(wèn)和操作 HTML 文檔的標(biāo)準(zhǔn)方法。

通過(guò)DOM，開(kāi)發(fā)人員可以動(dòng)態(tài)的添加、移除和修改頁(yè)面的某一部分。

DOM（文檔對(duì)象模型）是針對(duì)HTML和XML文檔的一個(gè)API，通過(guò)DOM可以去改變文檔。

DOM 將 HTML 文檔表達(dá)為樹(shù)結(jié)構(gòu)，如下：

這個(gè)說(shuō)法很官方，大家肯定還是不明白。

　　舉個(gè)例子：我們有一段HTML，那么如何訪問(wèn)第二層第一個(gè)節(jié)點(diǎn)呢，如何把最后一個(gè)節(jié)點(diǎn)移動(dòng)到第一個(gè)節(jié)點(diǎn)上面去呢？

　　DOM就是定義了如果做類似操作，那么應(yīng)該怎么做的標(biāo)準(zhǔn)。比如用getElementById來(lái)訪問(wèn)節(jié)點(diǎn)，用insertBefore來(lái)插入節(jié)點(diǎn)。

　　當(dāng)瀏覽器載入HTML時(shí)，會(huì)生成相應(yīng)的DOM樹(shù)。

　　簡(jiǎn)而言之，DOM可以理解為一個(gè)訪問(wèn)或操作HTML各種標(biāo)簽的實(shí)現(xiàn)標(biāo)準(zhǔn)。

通過(guò)DOM，開(kāi)發(fā)人員可以動(dòng)態(tài)的添加、移除和修改頁(yè)面的某一部分。

由于HTML文檔被瀏覽器解析后就是一棵DOM樹(shù)，要改變HTML的結(jié)構(gòu)，就需要通過(guò)JavaScript來(lái)操作DOM。

始終記住DOM是一個(gè)樹(shù)形結(jié)構(gòu)。操作一個(gè)DOM節(jié)點(diǎn)實(shí)際上就是這么幾個(gè)操作：

• 更新：更新該DOM節(jié)點(diǎn)的內(nèi)容，相當(dāng)于更新了該DOM節(jié)點(diǎn)表示的HTML的內(nèi)容；

• 遍歷：遍歷該DOM節(jié)點(diǎn)下的子節(jié)點(diǎn)，以便進(jìn)行進(jìn)一步操作；

• 添加：在該DOM節(jié)點(diǎn)下新增一個(gè)子節(jié)點(diǎn)，相當(dāng)于動(dòng)態(tài)增加了一個(gè)HTML節(jié)點(diǎn)；

• 刪除：將該節(jié)點(diǎn)從HTML中刪除，相當(dāng)于刪掉了該DOM節(jié)點(diǎn)的內(nèi)容以及它包含的所有子節(jié)點(diǎn)。

關(guān)于“html5中的dom是什么意思”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。