標籤：javascript
javascript中dom實現可以使我們在ajax中通過javascript代碼對html和xml資料進行dom方式操作，從而做到頁面的動態修改更新和資料的提取處理。
dom概念
dom文件物件模型，允許程式和指令碼動態訪問和更新文檔的內容，結構和風格。
dom對象樹
在瀏覽器中一個頁面對應一個html文檔，因此有一個與之對應的html的dom樹。
例如：
在瀏覽器中一個頁面可能處理多個xml文檔，因此可能有多個xml的dom樹。
dom對象樹中常用的節點
在dom樹中，文檔內容中對應了很多不同類型的節點，它們都是node對象，node對象有一個nodetype的屬性可以判斷節點類型
| 介面 | nodeType常量 | nodeType值 | 備忘 |
| element | node.element_node | 1 | 元素節點（標籤）例如：<body><input> |
| attr | node.attribute_node | 2 | 屬性節點（屬性）例如：<input>中的value屬性值 |
| text | node.text_node | 3 | 文本節點（文本）例如：<div>hello word</div>中hello word |
| comment | node.comment_node | 8 | 注釋節點（注釋），注釋資訊 |
| document | node.document_node | 9 | 文檔根節點，表示整個文檔的根，不對應文檔中任何內容 |
DOM的發展，與WEB標準化的大趨勢相關甚密。只有基於正確的語義邏輯，DOM才能正確地發揮其功用。如今，正確的語義結構、表現與內容分離等要求，都已經成為網頁設計中的基本要求。因此，在網頁前端開發中，DOM的存在，無疑是為表現層、行為層甚至內容層面的串連提供了一個絕佳的API，成為熱門的Ajax應用中不可或缺的組成部分。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
