HTML DOM简介
生活随笔
收集整理的這篇文章主要介紹了
HTML DOM简介
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
什么是HTML DOM?
簡單點說:
舉個例子吧。你告訴某人:“去把土豆削了”,他肯定知道去拿個土豆,把皮削掉。找到“土豆”這個操作對象不是一個困難的任務(wù),“削皮”也不是一個困難的動作。
同理,你可能想告訴瀏覽器:“把這頁內(nèi)容區(qū)的背景色變成黃色。”不過瀏覽器可沒有人聰明,它是沒法理解這種比較模糊的語言的,而只能理解精確的編程語言。所以你需要這么說:“document.getElementById("content").style.backgroundColor = 'yellow';”。
這是一個簡單的JavaScript語句,它完成的動作是“變成黃色”,操作對象是“這頁的內(nèi)容區(qū)的背景”。沒錯,DOM的任務(wù)就是幫助我們“找到土豆”,然后我們才能用JavaScript對土豆進行“削皮”。點擊下面的按鈕執(zhí)行上面的語句。
補充說明一點:不只有JavaScript可以操作DOM,理論上所有的編程語言都可以。
復(fù)雜點說:
DOM是Document Object Model文檔對象模型的縮寫。根據(jù)W3C DOM規(guī)范,DOM是一種與瀏覽器,平臺,語言無關(guān)的接口,使得你可以訪問頁面其他的標準組件。簡單理解,DOM解決了Netscape的Javascript和 Microsoft的Jscript之間的沖突,給予web設(shè)計師和開發(fā)者一個標準的方法,讓他們來訪問他們站點中的數(shù)據(jù)、腳本和表現(xiàn)層對像。
DOM是以層次結(jié)構(gòu)組織的節(jié)點或信息片斷的集合。這個層次結(jié)構(gòu)允許開發(fā)人員在樹中導(dǎo)航尋找特定信息。分析該結(jié)構(gòu)通常需要加載整個文檔和構(gòu)造層次結(jié)構(gòu),然后才能做任何工作。由于它是基于信息層次的,因而 DOM 被認為是基于樹或基于對象的。
HTML DOM是HTML Document Object Model(文檔對象模型)的縮寫,HTML DOM則是專門適用與HTML/XHTML的文檔對象模型。熟悉軟件開發(fā)的人員可以將HTML DOM理解為網(wǎng)頁的API。它將網(wǎng)頁中的各個元素都看作一個個對象,從而使網(wǎng)頁中的元素也可以被計算機語言獲取或者編輯。 例如Javascript就可以利用HTML DOM動態(tài)的修改網(wǎng)頁。(更多解釋見DOM的百度百科)
總結(jié)
以上是生活随笔為你收集整理的HTML DOM简介的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 你能懂的
- 下一篇: document的createEleme