1. 程式人生 > >JavaScript(三、DOM文檔對象模型)

JavaScript(三、DOM文檔對象模型)

文檔 mod 允許 ima ges 所有 以及 修改 聯盟

一、什麽是DOM

DOM 是 Document Object Model(文檔對象模型)的縮寫。 DOM 是 W3C(萬維網聯盟)的標準。 DOM 定義了訪問 HTML 和 XML 文檔的標準: “W3C 文檔對象模型 (DOM) 是中立於平臺和語言的接口,它允許程序和腳本動態地訪問和更新文檔的內容、結構和樣式。”

W3C DOM 標準被分為 3 個不同的部分:

  • 核心 DOM - 針對任何結構化文檔的標準模型
  • XML DOM - 針對 XML 文檔的標準模型
  • HTML DOM - 針對 HTML 文檔的標準模型

二、HTML DOM (文檔對象模型)

當網頁被加載時,瀏覽器會創建頁面的文檔對象模型(DOM)。 通過 HTML DOM,可訪問 JavaScript HTML 文檔的所有元素。 HTML DOM 定義了所有 HTML 元素的對象和屬性,以及訪問它們的方法。

三、DOM 節點

根據 W3C 的 HTML DOM 標準,HTML 文檔中的所有內容都是節點:
  • 整個文檔是一個文檔節點
  • 每個 HTML 元素是元素節點
  • 每個 HTML 屬性是屬性節點
  • HTML 元素內的文本是文本節點
  • 註釋是註釋節點
HTML DOM 將 HTML 文檔視作樹結構。這種結構被稱為節點樹: 技術分享

四、編程接口

可通過 JavaScript (以及其他編程語言)對 HTML DOM 進行訪問。 所有 HTML 元素被定義為對象,而編程接口則是對象方法和對象屬性。 方法是您能夠執行的動作(比如添加或修改元素)。 屬性是您能夠獲取或設置的值(比如節點的名稱或內容)。

JavaScript(三、DOM文檔對象模型)