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 元素節點(標簽)例如:
attr node.attribute_node 2 屬性節點(屬性)例如:中的value屬性值 text node.text_node 3 文本節點(文本)例如:hello word中hello word comment node.comment_node 8 注釋節點(注釋),注釋信息 document node.document_node 9 文檔根節點,表示整個文檔的根,不對應文檔中任何內容 DOM的發展,與WEB標准化的大趨勢相關甚密。只有基於正確的語義邏輯,DOM才能正確地發揮其功用。如今,正確的語義結構、表現與內容分離等要求,都已經成為網頁設計中的基本要求。因此,在網頁前端開發中,DOM的存在,無疑是為表現層、行為層甚至內容層面的連接提供了一個絕佳的API,成為熱門的Ajax應用中不可或缺的組成部分。