什么是HTML DOM?


簡單點說：


舉個例子吧。你告訴某人：“去把土豆削了”，他肯定知道去拿個土豆，把皮削掉。找到“土豆”這個操作對象不是一個困難的任務，“削皮”也不是一個困難的動作。


同理，你可能想告訴瀏覽器：“把這頁內容區的背景色變成黃色。”不過瀏覽器可沒有人聰明，它是沒法理解這種比較模糊的語言的，而只能理解精確的編程語言。所以你需要這么說：“document.getElementById("content").style.backgroundColor = 'yellow';”。


這是一個簡單的JavaScript語句，它完成的動作是“變成黃色”，操作對象是“這頁的內容區的背景”。沒錯，DOM的任務就是幫助我們“找到土豆”，然后我們才能用JavaScript對土豆進行“削皮”。點擊下面的按鈕執行上面的語句。






補充說明一點：不只有JavaScript可以操作DOM，理論上所有的編程語言都可以。


復雜點說：


DOM是Document Object Model文檔對象模型的縮寫。根據W3C DOM規范,DOM是一種與瀏覽器，平臺，語言無關的接口，使得你可以訪問頁面其他的標準組件。簡單理解，DOM解決了Netscape的Javascript和 Microsoft的Jscript之間的沖突，給予web設計師和開發者一個標準的方法，讓他們來訪問他們站點中的數據、腳本和表現層對像。


DOM是以層次結構組織的節點或信息片斷的集合。這個層次結構允許開發人員在樹中導航尋找特定信息。分析該結構通常需要加載整個文檔和構造層次結構，然后才能做任何工作。由于它是基于信息層次的，因而 DOM 被認為是基于樹或基于對象的。


HTML DOM是HTML Document Object Model(文檔對象模型)的縮寫，HTML DOM則是專門適用與HTML/XHTML的文檔對象模型。熟悉軟件開發的人員可以將HTML DOM理解為網頁的API。它將網頁中的各個元素都看作一個個對象，從而使網頁中的元素也可以被計算機語言獲取或者編輯。 例如Javascript就可以利用HTML DOM動態的修改網頁。(更多解釋見DOM的百度百科)

總結

以上是生活随笔為你收集整理的HTML DOM简介的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。