html5中的DOM程式設計的實作步驟

這次要跟大家介紹什麼是DOM編程，我們知道，DOM是DocumentObjectModel的縮寫，中文名稱是文檔物件模型。同時DOM也是處理HTML頁面的標準程式介面，那我們為什麼要學習DOM呢？

1，DOM可以讓使用者對網頁元素進行互動操作

例如，當我點擊了一個按鈕，彈出一個對話框等操作。

2，DOM可以用來做網頁遊戲

例如，現在比較流行的魔獸世界這種遊戲，我們完全可以拿JavaScript操作DOM來實現。

3，DOM是ajax的重要基礎

例如，我們透過ajax取得了一些數據，你要顯示給用戶，這就需要用到DOM了。

二：我們是這麼講解DOM的

1，首先我們會講解什麼是DOM，就是之前說的文檔對像模型

DOM是處理HTML的標準編程接口，DOM可被JavaScript用來讀取、改變HTML的內容和結構。

2，會講解什麼是DOM樹

物件與物件間的層次結構。

3，會講解什麼是DOM節點

根據W3C 的HTML DOM 標準，HTML 文件中的所有內容都是節點：

整個文件是一個文件節點

每個HTML 元素是元素節點

HTML 元素內的文字是文字節點

每個HTML屬性是屬性節點

註解是註解節點

4，會講解什麼是事件##驅動##就做了什麼操作，執行什麼事件。

5，會講解什麼是2級DOM

1級DOM、2級DOM、3級DOM分別指什麼？怎樣實現。

6，會講解什麼是事件流

會講解什麼叫做事件冒泡，什麼叫做事件捕獲，根據事件流的特點能實現什麼功能，及如何阻止

事件的傳播

。 7，會講解什麼是Event

Event 物件的屬性提供了有關事件的細節。

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

HTML5標籤巢狀規則的詳細介紹

HTML裡關於表格table巢狀的注意事項

html5製作轉盤的詳解及實例

以上是html5中的DOM程式設計的實作步驟的詳細內容。更多資訊請關注PHP中文網其他相關文章！