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

内容摘要
removeChild(a)是用来删除文档中的已有元素 参数a:要移出的节点 复制代码 代码如下: <div id="guoDiv"> <span>1</span> <span>2</span> <span>3</span> </div>

var oDiv
文章正文
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
代码注释
上一篇苹果iPhone safari浏览器样式重置修复submit按钮圆角bug下一篇table合并单元格与img图片铺满整个td的html

作者：喵哥笔记

IDC笔记

学的不仅是技术，更是梦想！