學習筆記，僅供參考，有錯必究

---

文章目錄

• • DOM重點
  • • 創建
    • 刪
    • 改
    • 查
    • 屬性操作
    • 事件操作

---

DOM重點

關于DOM操作，我們主要針對于元素的操作. 主要有創建、增、刪、改、查、屬性操作、事件操作.

創建

document.write innerHTML createElement

刪

removeChild

改

主要修改dom的元素屬性, dom元素的內容, 屬性, 表單的值等.

修改元素屬性：src、href、title 等

修改普通元素內容：innerHTML、innerText

修改表單元素：value、type、disabled 等

修改元素樣式：style、className

查

主要獲取查詢dom的元素.

DOM提供的API方法：getElementByld和getElementsByTagName 方法過于古老用法不推薦使用

H5提供的新方法：提倡使用querySelector和querySelectorAll 方法

利用節點操作獲取元素：提倡使用 父(parentNode)、子(children)、兄(previousElementSibling、nextElementSibling) 方法

屬性操作

主要針對自定義屬性.

setAttribute：設置dom的屬性值

getAttribute：得到dom的屬性值

removeAttribute移除屬性

事件操作

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的WebAPI(part11)--DOM重点核心的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。