084_html DOM
1. 什么是DOM?
1.1. DOM是一項W3C(World Wide Web Consortium)標準。
1.2. DOM定義了訪問文檔的標準: "W3C文檔對象模型(DOM)是中立于平臺和語言的接口, 它允許程序和腳本動態地訪問、更新文檔的內容、結構和樣式。"
1.3. W3C DOM標準被分為3個不同的部分:
- Core DOM: 所有文檔類型的標準模型。
- XML DOM: XML文檔的標準模型。
- html DOM: html文檔的標準模型。
2. 什么是html DOM?
2.1. html DOM是html的標準對象模型和編程接口。它定義了:
- ?作為對象的html元素。
- ?訪問所有html元素的方法。
- ?所有html元素的屬性。
- ?所有html元素的事件。
2.2. 換言之: html DOM是關于如何獲取、更改、添加或刪除html元素的標準。
3. JavaScript與html DOM(文檔對象模型)
3.1. 當網頁被加載時, 瀏覽器會創建頁面的文檔對象模型(Document Object Model)。
3.2. html DOM模型被結構化為對象樹:
3.3. 通過這個對象模型, JavaScript獲得動態創建html的所有力量:
?3.3.1.?JavaScript能改變頁面中的所有html元素。
?3.3.2.?JavaScript能改變頁面中的所有html屬性。
?3.3.3.?JavaScript能改變頁面中的所有CSS樣式。
?3.3.4.?JavaScript能刪除已有的html元素和屬性。
?3.3.5.?JavaScript能添加新的html元素和屬性。
?3.3.6.?JavaScript能對頁面中所有已有的html事件作出反應。
?3.3.7.?JavaScript能在頁面中創建新的html事件。
3.4. 我們并不使用html DOM來對html進行編程。我們使用JavaScript來對html進行編程, JavaScript會訪問html DOM。
總結
以上是生活随笔為你收集整理的084_html DOM的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 075_JSON.parse()
- 下一篇: 085_Document对象