學(xué)習(xí)筆記，僅供參考，有錯必究

---

文章目錄

• • DOM重點(diǎn)
  • • 創(chuàng)建
    • 刪
    • 改
    • 查
    • 屬性操作
    • 事件操作

---

DOM重點(diǎn)

關(guān)于DOM操作，我們主要針對于元素的操作. 主要有創(chuàng)建、增、刪、改、查、屬性操作、事件操作.

創(chuàng)建

document.write innerHTML createElement

刪

removeChild

改

主要修改dom的元素屬性, dom元素的內(nèi)容, 屬性, 表單的值等.

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

修改普通元素內(nèi)容：innerHTML、innerText

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

修改元素樣式：style、className

查

主要獲取查詢dom的元素.

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

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

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

屬性操作

主要針對自定義屬性.

setAttribute：設(shè)置dom的屬性值

getAttribute：得到dom的屬性值

removeAttribute移除屬性

事件操作

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。