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