 
<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); //移出第一個(gè)元素,返回被移出元素 
alert(returnNode.innerHTML); //1 
var lastChild = oDiv.lastElementChild ? oDiv.lastElementChild : oDiv.lastChild; 
returnNode = oDiv.removeChild(lastChild); //移出第后一個(gè)元素,返回被移出元素 
alert(returnNode.innerHTML);//3 

您可能感興趣的文章:

相關(guān)文章

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