基本DOM節(jié)點操作
1、獲取元素節(jié)點
getElementById():獲取指定唯一id的元素。
getElementByTagName():獲取指定元素標(biāo)簽名的元素數(shù)組。
getElementByName():獲取具有指定屬性name的元素數(shù)組。
2、子節(jié)點
element.childNodes:返回該元素的子節(jié)點數(shù)組。注意:換行在瀏覽器中作為text節(jié)點,需要進(jìn)行過濾
element.firstChild:該元素的第一個子節(jié)點。
element.lastChild:該元素最后一個子節(jié)點。
3、父節(jié)點
element.parentNode
4、兄弟節(jié)點
element.previousSibling:返回相同的樹層級中的前一個節(jié)點,如果沒有,則為null
element.nextSibling:返回相同的樹層級中的后一個節(jié)點,如果沒有,則為null
5、創(chuàng)建節(jié)點
createElement() 按指定標(biāo)簽名創(chuàng)建節(jié)點
6、復(fù)制節(jié)點
clonedNode = Node.cloneNode(boolean) 傳入布爾值,true表示復(fù)制該節(jié)點下的所有子節(jié)點
7、加入節(jié)點
parentNode.appendChild(childNode) 將新節(jié)點加入到子節(jié)點末尾
parentNode.insertBefore(newNode, targetNode) 將newNode 加入到targNode之前
8、移除目標(biāo)節(jié)點
parentNode.removeChild(childNode)
9、替換目標(biāo)節(jié)點
parentNode.replace(newNode, targetNode) 使用newNode 替換targetNode
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
相關(guān)文章
JavaScript聲明變量時為什么要加var關(guān)鍵字
var用來聲明變量,但是這個語法并不嚴(yán)格要求,很多時修改,我們可以直接使用一個變量而不用var聲明它,不過還是建議大家加var2014-09-09JavaScript實現(xiàn)拖拽元素對齊到網(wǎng)格(每次移動固定距離)
最近在做一個拖拽元素的附加功能,就是對齊到網(wǎng)格,實際上就是確定好元素的初始位置,然后拖拽元素時,每次移動固定的距離。讓元素都可以在網(wǎng)格內(nèi)對齊2016-11-11javascript 判斷當(dāng)前瀏覽器版本并判斷ie版本
這篇文章主要介紹了javascript 判斷當(dāng)前瀏覽器版本并判斷ie版本的相關(guān)資料,需要的朋友可以參考下2017-02-02如何使用瀏覽器擴(kuò)展篡改網(wǎng)頁中的JS?文件
這篇文章主要為大家介紹了如何使用瀏覽器擴(kuò)展篡改網(wǎng)頁中的JS文件實現(xiàn)解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05layer實現(xiàn)關(guān)閉彈出層刷新父界面功能詳解
這篇文章主要介紹了layer實現(xiàn)關(guān)閉彈出層刷新父界面功能,結(jié)合實例形式分析了使用layui的layer在關(guān)閉彈出層時刷新父界面的常用實現(xiàn)技巧與相關(guān)操作注意事項,需要的朋友可以參考下2017-11-11Bootstrap3 Grid system原理及應(yīng)用詳解
這篇文章主要為大家詳細(xì)介紹了Bootstrap3 Grid system原理及應(yīng)用,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-09-09javascript中Date()函數(shù)在各瀏覽器中的顯示效果
本文給大家分享的是javascript中Date()函數(shù)在各瀏覽器中的顯示效果,由于各大瀏覽器的兼容性問題,本文做了這個測試,希望有需要的小伙伴可以少走些彎路2015-06-06JS實現(xiàn)仿餓了么在瀏覽器標(biāo)簽頁失去焦點時網(wǎng)頁Title改變
這篇文章主要介紹了JS實現(xiàn)仿餓了么在瀏覽器標(biāo)簽頁失去焦點時網(wǎng)頁Title改變,需要的朋友可以參考下2017-06-06