DOM是什么意思

本篇內容介紹了“DOM是什么意思”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

　　DOM是什么意思

　　DOM定義了 JavaScript 操作HTML文檔的接口，提供了訪問HTML文檔(如body、form、div、textarea等)的途徑以及操作方法。

　　DOM 以“ 樹結構 ”來表達 HTML 文檔。通過 JavaScript，可以重構整個 HTML 文檔，可以添加、移除、改變或重排頁面上的內容。

　　要改變HTML文檔的某項內容，JavaScript 就需要獲得訪問HTML文檔的入口。這個入口，連同HTML元素以及對 HTML 元素的添加、移動、改變或移除的操作，都是通過DOM來獲得的。

　　對于JavaScript，HTML文檔的每一項內容(HTML標簽、標簽屬性、標簽內的文字、空格或tab 等)都是一個對象。HTML文檔的標簽是一層層嵌套的，最外面的一層是html>，文檔對象模型(DOM)也這樣一層層嵌套著，但是通常被理解成一棵樹的形狀。樹根是document對象，可以理解為整個HTML文檔，也是HTML文檔的入口。樹根之下(這棵樹的圖通常是倒著畫，就好像遺傳譜系或者家譜那樣，樹根就是唯一的共同祖先)是子一級的對象，子對象也有它自己的子對象，除了根對象以外，所有的對象都有自己的父對象，同一對象的子對象之間就是兄弟的關系。

　　在這種由“父子兄弟”組成的“單性繁殖家族圖譜樹”框架結構中，每項HTML文檔的內容都可以被確切地定位。文檔對象模型(DOM)把整個HTML文檔組織成這樣的一個樹狀的結構，樹結構中的每一項內容都被視為一個節點(node)。包括JavaScript在內的各種編程語言都可以通過文檔對象模型來訪問和改變網頁的各種細節。

　　W3C已經給文檔對象模型(DOM)制定了一系列標準，并且正在制定更多的相關標準。現代瀏覽器除支持其中的一部分標準之外，還支持某些早在W3C標準制定以前就流行了的歷史既成的編程接口。也就是說，現代瀏覽器使用的技術歷史由來紛繁復雜，有些人們普遍使用的DOM技術并無標準可依。

　　先來看一下下面的HTML代碼：

　　html>

　　head>

　　meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

　　title> First Page!/title>

　　/head>

　　body>

　　h2>Test!/h2>

　　!--NOTE!-->

　　p>Welcome toem> DOM /em>World! /p>

　　ul>

　　li>Newer/li>

　　/ul>

　　/body>

　　/html>

　　文檔載入瀏覽器后，根據DOM規范，將其以“ 樹 ”的形式表示出來。

“DOM是什么意思”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！