javascript移出節(jié)點removeChild()使用介紹
更新時間：2014年04月03日 17:08:28 作者：
這篇文章主要介紹了javascript節(jié)點操作移出節(jié)點removeChild()的使用,需要的朋友可以參考下
removeChild(a)是用來刪除文檔中的已有元素
參數(shù)a:要移出的節(jié)點
<div id="guoDiv">
<span>1</span>
<span>2</span>
<span>3</span>
</div>
var oDiv = document.getElementById("guoDiv");
var firsChild = oDiv.firstElementChild ? oDiv.firstElementChild : oDiv.firstChild
var returnNode = oDiv.removeChild(firsChild); //移出第一個元素,返回被移出元素
alert(returnNode.innerHTML); //1
var lastChild = oDiv.lastElementChild ? oDiv.lastElementChild : oDiv.lastChild;
returnNode = oDiv.removeChild(lastChild); //移出第后一個元素,返回被移出元素
alert(returnNode.innerHTML);//3
參數(shù)a:要移出的節(jié)點
復(fù)制代碼 代碼如下:
<div id="guoDiv">
<span>1</span>
<span>2</span>
<span>3</span>
</div>
var oDiv = document.getElementById("guoDiv");
var firsChild = oDiv.firstElementChild ? oDiv.firstElementChild : oDiv.firstChild
var returnNode = oDiv.removeChild(firsChild); //移出第一個元素,返回被移出元素
alert(returnNode.innerHTML); //1
var lastChild = oDiv.lastElementChild ? oDiv.lastElementChild : oDiv.lastChild;
returnNode = oDiv.removeChild(lastChild); //移出第后一個元素,返回被移出元素
alert(returnNode.innerHTML);//3
您可能感興趣的文章:
- Javascript removeChild()刪除節(jié)點及刪除子節(jié)點的方法
- JavaScript的removeChild()函數(shù)用法詳解
- 使用JS實現(xiàn)jQuery的addClass, removeClass, hasClass函數(shù)功能
- js使用removeChild方法動態(tài)刪除div元素
- js實現(xiàn)addClass,removeClass,hasClass的函數(shù)代碼
- javascript removeChild 導(dǎo)致的內(nèi)存泄漏
- ExtJS TabPanel beforeremove beforeclose使用說明
- Javascript remove 自定義數(shù)組刪除方法
- JS動態(tài)計算移動端rem的解決方案
相關(guān)文章
JavaScript實現(xiàn)實時更新系統(tǒng)時間的實例代碼
本文給大家分享javascript實現(xiàn)實時更新系統(tǒng)時間的實例代碼，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-04-04
深入探討JavaScript、JQuery屏蔽網(wǎng)頁鼠標(biāo)右鍵菜單及禁止選擇復(fù)制
這篇文章主要介紹了深入探討JavaScript、JQuery屏蔽網(wǎng)頁鼠標(biāo)右鍵菜單及禁止選擇復(fù)制,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了Javascript動畫插件lottie-web的使用方法，包括配合vue-cli使用及在HTML頁面中使用代碼，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-02-02
這篇文章主要介紹了JS?連接MQTT的使用方法,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-01-01
淺談JS繼承_借用構(gòu)造函數(shù) & 組合式繼承
下面小編就為大家?guī)硪黄獪\談JS繼承_借用構(gòu)造函數(shù) & 組合式繼承。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要介紹了js最全的數(shù)組的降維5種辦法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
這里說的js跨域是指通過js在不同的域之間進(jìn)行數(shù)據(jù)傳輸或通信，比如用ajax向一個不同的域請求數(shù)據(jù)，或者通過js獲取頁面中不同域的框架中(iframe)的數(shù)據(jù)。只要協(xié)議、域名、端口有任何一個不同，都被當(dāng)作是不同的域。2014-04-04
這篇文章主要介紹了javascript使用prototype完成單繼承的方法及示例代碼，有需要的小伙伴參考下2014-12-12
本文主要介紹了JS中綁定事件順序（事件冒泡與事件捕獲區(qū)別）。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
Electron?自定義窗口桌面時鐘實現(xiàn)示例詳解
這篇文章主要為大家介紹了Electron?自定義窗口桌面時鐘實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03