文件物件模型（英語：Document Object Model，縮寫DOM），是W3C組織推薦的處理可擴展置標語言和超文本標記語言的標準程式接口。
 | 此條目形似新聞稿，或帶有過度的宣傳性語調。 (2021年8月9日) |
 在HTML文檔中DOM層級的例子 | |
| 首次出版 | 1998年10月1日 |
|---|---|
| 最新版本 | DOM4[1] 2015年11月19日 |
| 組織 | World Wide Web Consortium, WHATWG |
| 基礎標準 | WHATWG DOM Living Standard W3C DOM4 |
| 縮寫 | DOM |
Document Object Model的歷史可以追溯至1990年代後期微軟與Netscape的「瀏覽器大戰」（browser wars），雙方為了在JavaScript與JScript一決生死，於是大規模的賦予瀏覽器強大的功能。微軟在網頁技術上加入了不少專屬事物，既有VBScript、ActiveX、以及微軟自家的DHTML格式等，使不少網頁使用非微軟平台及瀏覽器無法正常顯示。DOM即是當時醞釀出來的傑作。
DOM (Document Object Model) 譯為文檔對象模型，是 HTML 和 XML 文檔的編程接口。
HTML DOM 定義了訪問和操作 HTML 文檔的標準方法。
DOM 以樹結構表達 HTML 文檔。
W3C DOM 標準被分為 3 個不同的部分：[2]
- 核心 DOM - 針對任何結構化文檔的標準模型
- XML DOM - 針對 XML 文檔的標準模型
- HTML DOM - 針對 HTML 文檔的標準模型
XML DOM 定義了所有 XML 元素的對象和屬性，以及訪問它們的方法。
HTML DOM
HTML DOM 是：[3]
- HTML 的標準對象模型
- HTML 的標準編程接口
- W3C 標準
HTML DOM 定義了所有 HTML 元素的對象和屬性，以及訪問它們的方法。
換言之，HTML DOM 是關於如何獲取、修改、添加或刪除 HTML 元素的標準。
可通過 JavaScript （以及其他編程語言）對 HTML DOM 進行訪問。
所有 HTML 元素被定義為對象，而編程接口則是對象方法和對象屬性。
方法是您能夠執行的動作（比如添加或修改元素）。
屬性是您能夠獲取或設置的值（比如節點的名稱或內容）。 一些常用的 HTML DOM 方法：
- getElementById(id) - 獲取帶有指定 id 的節點（元素）
- appendChild(node) - 插入新的子節點（元素）
- removeChild(node) - 刪除子節點（元素）
一些常用的 HTML DOM 屬性：
- innerHTML - 節點（元素）的文本值
- parentNode - 節點（元素）的父節點
- childNodes - 節點（元素）的子節點
- attributes - 節點（元素）的屬性節點
- nodeType 屬性
- nodeValue 屬性
- innerHTML 屬性
標準化
W3C對DOM進行標準化的動作，目前已經推行至第四代。
- 文檔對象模型（DOM）1級規範 （頁面存檔備份，存於網際網路檔案館）
- 支援XML 1.0
- Document Object Model (DOM) Level 2 Core Specification （頁面存檔備份，存於網際網路檔案館）
- XML 1.0與命名空間
- Document Object Model (DOM) Level 2 HTML Specification （頁面存檔備份，存於網際網路檔案館）
- HTML 4.0x、XHTML 1.0
- Document Object Model (DOM) Level 2 Views Specification （頁面存檔備份，存於網際網路檔案館）
- Document Object Model (DOM) Level 2 Style Specification （頁面存檔備份，存於網際網路檔案館）
- 支援CSS與CSS Level2
- Document Object Model (DOM) Level 2 Events Specification （頁面存檔備份，存於網際網路檔案館）
- 支援HTML 4.01
- Document Object Model (DOM) Level 2 Traversal and Range Specification （頁面存檔備份，存於網際網路檔案館）
參考文獻
外部連結
參見
Wikiwand in your browser!
Seamless Wikipedia browsing. On steroids.
Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.
Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.
