HTML DOM 教程


手冊簡介

HTML DOM 定義了訪問和操作 HTML 文檔的標(biāo)準方法。 DOM 以樹結(jié)構(gòu)表達 HTML 文檔。

手冊說明

認識HTML DOM:

DOM是Document Object Model文檔對象模型的縮寫,是W3C組織推薦的處理可擴展標(biāo)志語言的標(biāo)準編程接口。根據(jù)W3C DOM規(guī)范,DOM是一種與瀏覽器,平臺,語言無關(guān)的接口,使得你可以訪問頁面中其他的標(biāo)準組件。簡單理解,DOM解決了Netscape的JavaScript和 Microsoft的JavaScript之間的沖突,給予web設(shè)計師和開發(fā)者一個標(biāo)準的方法,讓他們來訪問他們站點中的數(shù)據(jù)、腳本和表現(xiàn)層對象。


HTML DOM


DOM是以層次結(jié)構(gòu)組織的節(jié)點或信息片斷的集合。這個層次結(jié)構(gòu)允許開發(fā)人員在樹中導(dǎo)航尋找特定信息。分析該結(jié)構(gòu)通常需要加載整個文檔和構(gòu)造層次結(jié)構(gòu),然后才能做任何工作。由于它是基于信息層次的,因而 DOM 被認為是基于樹或基于對象的。


HTML DOM 定義了訪問和操作HTML文檔的標(biāo)準方法。


HTML DOM 把 HTML 文檔呈現(xiàn)為帶有元素、屬性和文本的樹結(jié)構(gòu)(節(jié)點樹)。


教程結(jié)構(gòu)概述:

本教程共由13個小節(jié)構(gòu)成,詳細講述了HTML DOM的基礎(chǔ)使用方法并附帶了大量可在線試運行的實例輔助您的學(xué)習(xí),讓您輕松掌握HTML DOM。

本教程包含:

1、HTML DOM 教程

2、HTML DOM 簡介

3、HTML DOM 節(jié)點

4、HTML DOM 方法

5、HTML DOM 屬性

6、HTML DOM 訪問

7、HTML DOM 修改

8、HTML DOM 修改 HTML 內(nèi)容

9、HTML DOM 元素

10、HTML DOM 事件

11、HTML DOM 導(dǎo)航

12、HTML DOM 總結(jié)

13、DOM 實例


HTML DOM的發(fā)展及學(xué)習(xí)前的準備:

Document Object Model的歷史可以追溯至1990年代后期微軟與Netscape的“瀏覽器大戰(zhàn)”,雙方為在JavaScript與JScript一決生死,于是大規(guī)模的賦予瀏覽器強大的功能。微軟在網(wǎng)頁技術(shù)上加入了不少專屬事物,計有VBScript、ActiveX、以及微軟自家的DHTML格式等,使不少網(wǎng)頁使用非微軟平臺及瀏覽器無法正常顯示。DOM即是當(dāng)時蘊釀出來的杰作。


在 1998 年,W3C 發(fā)布了第一級的 DOM 規(guī)范。這個規(guī)范允許訪問和操作 HTML 頁面中的每一個單獨的元素。所有的瀏覽器都執(zhí)行了這個標(biāo)準,因此,DOM 的兼容性問題也幾乎難覓蹤影了。


在您開始學(xué)習(xí)HTML DOM之前,您應(yīng)該對以下知識有基本的了解:

HTML 教程

JavaScript 教程

CSS 教程

在本教程中,你將學(xué)習(xí)如何通過文檔對象模型(DOM)更有效率地操作HTML,而無需DOM操作庫的幫助。教程中的代碼示例,用演示多種節(jié)點對象的工作方式,帶你領(lǐng)略現(xiàn)代DOM理念。


HTML DOM的優(yōu)缺點:

優(yōu)點:

易用性強,使用DOM時,將把所有的XML文檔信息都存于內(nèi)存中,并且遍歷簡單,支持XPath,增強了易用性。


缺點:

效率低,解析速度慢,內(nèi)存占用量過高,對于大文件來說幾乎不可能使用。另外效率低還表現(xiàn)在大量的消耗時間,因為使用DOM進行解析時,將為文檔的每個element、attribute、processing-instrUCtion和comment都創(chuàng)建一個對象,這樣在DOM機制中所運用的大量對象的創(chuàng)建和銷毀無疑會影響其效率。


相關(guān)網(wǎng)址:

HTML DOM 參考手冊:http://hgci.cn/jsref/jsref-tutorial.html

W3C 中文網(wǎng):http://www.chinaw3c.org/

W3C 官網(wǎng):https://www.w3.org/


除了本教程,您還可以在w3cschool上學(xué)習(xí):

bootstrap 教程

XML DOM教程



w3cschool編程獅微信公眾號

更新記錄

在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號