查詢：

①、標(biāo)準(zhǔn)DOM操作API：

　　document.getElementById("id")、

　　document.getElementsByTagName("div")[0]、

　　document.getElementsByName("name")[0]、

　　document.getElementsByClassName('class')[0]、

　　document.querySelectorAll(".class")[0]。

②、屬性獲取：

　　getAttribute、

　　getAttributeNode。

③、①親屬訪問(wèn)：chilidNodes、attributes。

　　②從一個(gè)節(jié)點(diǎn)訪問(wèn)另一個(gè)節(jié)點(diǎn)：

　　　　訪問(wèn)父節(jié)點(diǎn)parentNode、

　　　　訪問(wèn)上一個(gè)兄弟節(jié)點(diǎn)previousSilbling、

　　　　訪問(wèn)下一個(gè)兄弟節(jié)點(diǎn)nextSilbling、

　　　　訪問(wèn)第一個(gè)屬性節(jié)點(diǎn)attributes[0]。

增加：

①、創(chuàng)建節(jié)點(diǎn)：

　　創(chuàng)建元素節(jié)點(diǎn)document.creatElement、

　　創(chuàng)建文本節(jié)點(diǎn)document.creatTextNode、

　　創(chuàng)建屬性節(jié)點(diǎn)document.creatAttribute、

　　innerHTML、

　　innerText、

　　cloneNode()。

②、加入：

　　追加到結(jié)尾appendChild、

　　innerHTML、

　　將元素追加到某一元素之前insertBefore，使用方法是? ? 父元素.insertBefore(新，舊)；。

?

三、刪除節(jié)點(diǎn)：removeChild、removeAttributeNode

轉(zhuǎn)載于:https://www.cnblogs.com/gzy-tw/p/10061100.html

總結(jié)

以上是生活随笔為你收集整理的JavaScript操作DOM元素的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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