DOM的核心總結

2022-08-02 16:30:12 字數 1034 閱讀 7543

文件物件模型(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...