javascript移出节点removeChild()使用介绍

140 阅读 0 评论 93 点赞

我是靠谱客的博主凶狠眼神，最近开发中收集的这篇文章主要介绍javascript移出节点removeChild()使用介绍，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

removeChild(a)是用来删除文档中的已有元素
参数a:要移出的节点

复制代码代码如下:

 
<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 