1.HTML DOM（文檔對(duì)象模型）

當(dāng)網(wǎng)頁被加載時(shí)，瀏覽器會(huì)創(chuàng)建頁面的文檔對(duì)象模型（Document Object Model）

HTML DOM模型被構(gòu)造為對(duì)象的樹

HTML DOM樹

通過這個(gè)對(duì)象模型，javascript獲得了足夠的能力來創(chuàng)建動(dòng)態(tài)的HTML

• JavaScript能夠改變頁面中的所有HTML元素
• JavaScript能夠改變頁面中的所有HTML屬性
• JavaScript能夠改變頁面中的所有CSS樣式
• JavaScript能夠?qū)撁嬷械乃惺录鞒龇磻?yīng)

要改變HTML元素，首先要做的就是查找HTML元素。

可以通過id來找到HTML元素

可以通過標(biāo)簽名來找到HTML元素

可以通過類名來找到HTML元素

等等還有很多方法，自行百度吧。

1.改變HTML元素

（1）改變HTML輸出流

利用document.write()可用于直接向HTML輸出流中寫內(nèi)容。 ? ? 不要在文檔加載之后使用document.write()，這會(huì)覆蓋該文檔。查看幫助

（2）改變HTMl內(nèi)容

利用innerHTML屬性即可辦到

（3）改變HTML屬性

使用這個(gè)語法即可辦到： document.getElementById(id).attribute=new value

2.改變HTML元素的樣式，即CSS

document.getElementById(id).style.property=new style 使用該語法就可實(shí)現(xiàn)。

3.對(duì)HTML事件做出反應(yīng)

HTML事件的例子：

• 用戶按下鼠標(biāo)
• 用戶松開鼠標(biāo)
• 用戶點(diǎn)擊鼠標(biāo)這一個(gè)完整的過程
• 用戶將鼠標(biāo)移動(dòng)到元素上
• 用戶將鼠標(biāo)從元素上移開
• 輸入字段被改變
• 文檔已加載時(shí)
• 提交HTML表單時(shí)

4.添加和刪除HTML元素節(jié)點(diǎn)

本文的樣例見http://blog.csdn.net/f156207495/article/details/78183740

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的jsDOM用法讲解的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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