1. 程式人生 > >JavaScript——文件物件模型

JavaScript——文件物件模型

一、基本概念

  文件物件模型(DOM)是表示文件和訪問、操作構成文件的各種元素的應用程式介面(API)。它解決了NetScape的JavaScript和Microsoft的JavaScript之間的衝突,給web設計師和開發者一個標準的方法,可讓他們訪問自己站點的資料、指令碼、和表層物件。   DOM是以層次結構組織的節點或資訊片段的集合。這個層次結構允許開發人員在樹中導航以尋找特定資訊。分析這個結構通常需要載入整個文件和構造層次結構,才能做任何工作。由於它是基於資訊層次的,因而DOM被認為是基於樹或基於物件的。

  JavaScript使用瀏覽器物件模型(BOM)和文件物件模型(DOM)兩種主要物件模型。

  •  瀏覽器物件模型(BOM) 提供了訪問瀏覽器各個功能部件,如瀏覽器視窗本身、瀏覽歷史等的操作方法
  •  文件物件模型(DOM) 提供了訪問瀏覽器視窗的內容。

  在DOM模型中,瀏覽器載入這個HTML文件時,它以樹的形式對這個文件進行描述,如圖:


二、細節問題

在DOM中,HTML文件各個節點被視為各種型別的Node物件。每個Node物件都有自己的屬性和方法,利用這些屬性和方法可以遍歷整個文件樹。