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