HTML DOM 教程


閱讀(474.3k) 收藏 (425)

手冊簡(jiǎn)介

HTML DOM 定義了訪(fǎng)問(wèn)和操作 HTML 文檔的標準方法。 DOM 以樹(shù)結構表達 HTML 文檔。

手冊說(shuō)明

認識HTML DOM:

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


HTML DOM


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


HTML DOM 定義了訪(fǎng)問(wèn)和操作HTML文檔的標準方法。


HTML DOM 把 HTML 文檔呈現為帶有元素、屬性和文本的樹(shù)結構(節點(diǎn)樹(shù))。


教程結構概述:

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

本教程包含:

1、HTML DOM 教程

2、HTML DOM 簡(jiǎn)介

3、HTML DOM 節點(diǎn)

4、HTML DOM 方法

5、HTML DOM 屬性

6、HTML DOM 訪(fǎng)問(wèn)

7、HTML DOM 修改

8、HTML DOM 修改 HTML 內容

9、HTML DOM 元素

10、HTML DOM 事件

11、HTML DOM 導航

12、HTML DOM 總結

13、DOM 實(shí)例


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

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


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


在您開(kāi)始學(xué)習HTML DOM之前,您應該對以下知識有基本的了解:

HTML 教程

JavaScript 教程

CSS 教程

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


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

優(yōu)點(diǎn):

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


缺點(diǎn):

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


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

HTML DOM 參考手冊:http://www.lj77168.com.cn/jsref/jsref-tutorial.html

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

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


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

bootstrap 教程

XML DOM教程



w3cschool編程獅微信公眾號

更新記錄

在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號