 
<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 在各個瀏覽器中執(zhí)行的耐性
經(jīng)常會遇到這樣一個情況：瀏覽器彈出對話框，提示腳本運行時間過長，詢問“停止”還是“繼續(xù)”。那究竟各個瀏覽器是如何判斷在什么時候才彈出此對話框呢？
2009-04-04
JS中用try catch對代碼運行的性能影響分析
要捕獲JavaScript代碼中的異常一般會采用 try catch，不過try catch的使用是否是對代碼性能產(chǎn)生影響呢？答案是肯定有的，但是有多少不得而知。下面這篇文章就給大家詳細介紹了在JS中用try catch對代碼運行的性能影響，有需要的朋友們可以參考借鑒。
2016-12-12
淺談js中變量初始化
這篇文章主要介紹了淺談js中變量初始化的相關資料,需要的朋友可以參考下
2015-02-02
JS截取url中問號后面參數(shù)的值信息
JS截取url獲取一些信息類似的文章可以在網(wǎng)上找很多，本文在重復講述一遍，有不會的朋友可以鞏固一下
2014-04-04
JavaScript this綁定與this指向問題的解析
本文主要介紹了JavaScript this綁定與this指向問題的解析，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-02-02
javascript中的繼承實例代碼
javascript中的繼承使用實例代碼，需要的朋友可以參考下。
2011-04-04
使用D3.js制作圖表詳解
D3是目前最流行的JavaScript可視化圖表庫之一，D3的圖表類型非常豐富，并且支持SVG格式，因此應用十分廣泛，也有很多圖表插件基于D3開發(fā)，比如MetricsGraphics.js，在D3上構(gòu)建的數(shù)據(jù)圖表非常強大。
2017-08-08
預防網(wǎng)頁掛馬的方法總結(jié)
這篇文章主要介紹了預防網(wǎng)頁掛馬的方法總結(jié)的相關資料,這里詳細整理了具體方法，和如何實現(xiàn)，需要的朋友可以參考下
2016-11-11
淺談JS之tagNaem和nodeName
下面小編就為大家?guī)硪黄獪\談JS之tagNaem和nodeName。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-09-09
原生JS可拖動彈窗效果實例代碼
這篇文章介紹了原生JS可拖動彈窗效果實例代碼，有需要的朋友可以參考一下
2013-11-11