1. 程式人生 > >XML DOM.HTML DOM和JS之間的關係

XML DOM.HTML DOM和JS之間的關係

W3C所制訂的DOM Level分為兩大模組:Core和HTML 1.Core核心,W3C規範:滿足軟體開發者和Web指令碼編寫者,訪問和操控產品專案中包含的可解析的HTML和XML內容。 2.HTML模組,規範描述為:HTML之中特定元素的功能,和恰到好處的、易用的、針對常見性任務的HTML文件操作機制。 ———————————————————————————————————————————————————————————————————————— DOM LEVEL的理解:JS可以對HTML DOM 和XML DOM進行系列操作。 JS可以解析HTML文件書和XML文件樹,它將一切節點視為文件物件,從而進行操作
HTML和XML:前者負責資料的顯示,而後者則負責資料的儲存。 而Javascript則負責實現兩者之間的互動操作。例如讀取XML中資料的操作就放在Javascript模組中。 首先來看用來操作HTML和XML的介面: HTML DOM和XML DOM是相似的兩種介面。它們分別將HTML檔案和XML檔案解析成為樹狀結構, 檔案中的標籤全部作為節點。然後利用DOM中提供的各種函式來獲取並操作節點。 獲得HTML檔案的介面比較簡單,其實這是瀏覽器自動生成的。
  • 當瀏覽器開啟一個視窗時,會自動為HTML文件建立一個名為window的Window物件
  • (Window物件是JS層次中的頂層物件)。
  • 當在該視窗載入某個網頁(即某個HTML文件時),瀏覽器會將該文件解析成為一個Document物件,
  • 並將其賦給window的document屬性。
  • 之後就可以通過利用document來對當前的HTML文件進行操作了。
最常用的操作方法就是給HTML文件中的每個標籤都新增一個id,然後利用getElementByID()方法來獲取該標籤,然後使用innerHTML屬性來獲取開始和結束標籤之間的內容(該屬性的值是一個字串)。 獲得XML檔案的介面稍微複雜些,需要使用者使用JS語句來手動生成。 簡單點說,核心就是利用JS中的XMLHttpRequest物件。 操作XML文件的常用方法是利用XML DOM中的方法,比如getElementsByTagName_r()。