文件物件模型(document object model,簡稱dom),是w3c組織推薦的處理可擴充套件標記語言
(html或者xml)的標準程式設計介面。
w3c已經定義了一系列的dom介面,通過這些dom介面可以改變網頁的內容、結構和樣式。
關於dom操作,我們主要針對於元素的操作。主要有建立、增、刪、改、查、屬性操作、事件操作。
1. document.write
2. innerhtml
3. createelement
1.removechid
主要修改dom的元素屬性,dom元素的內容、屬性,表單的值等
1.修改元素屬性: src、 href、 title等
2.修改普通元素內容: innerhtml、 innertext
3.修改表單元素: value、 type、 disabled等
4.修改元素樣式: style、 classname
主要獲取查詢dom的元素
1. dom提供的api方法: getelementbyld、 getelementsbytagname古老用法不太推薦
2. h5提供的新方法: queryselector、 queryselectorall 提倡
3. 利用節點操作獲取元素:父(parentnode). 子(children)、 兄(previouselementsibling、
nextelementsibling)提倡
主要獲取查詢dom的元素
1. dom提供的api方法: getelementbyld、 getelementsbytagname古老用法不太推薦
2. h5提供的新方法: queryselector、 queryselectorall 提倡
3. 利用節點操作獲取元素:父(parentnode). 子(children)、 兄(previouselementsibling、
nextelementsibling)提倡
十四 核心DOM(了解)
根節點 在html文件中,乙個html文件只有乙個樹根就是html節點 兄弟節點 多個子節點屬於同乙個父節點 空白節點 空格 回車 換行在 主瀏覽器有相容性問題 ie低版本瀏覽器 ie6 7 8 主流瀏覽器 ie9 chrome firefox等等 取子節點 節點.firstchild 獲取第乙個子...
HTML DOM與核心DOM的區別
dom分為三部分 1 核心dom 遍歷dom樹 新增新節點 刪除節點 修改節點 2 html dom 以一種簡便的方法訪問dom樹 3 xml dom 準用於操作xml文件 核心dom與html dom的區別 核心dom 物件 document,node,elementnode,textnode,a...
核心dom和html dom的區別
核心dom 物件 document,node,elementnode,textnode,attributenode,commentnode,nodelist 核心dom提供了統一的操作介面 createelement setattribute removeattribute nodename 核心d...