展会信息港展会大全

javascript移出节点removeChild()使用介绍
来源:互联网   发布日期:2016-01-26 11:02:41   浏览:2535次  

导读:这篇文章主要介绍了javascript节点操作移出节点removeChild()的使用,需要的朋友可以参考下removeChild(a)是用来删除文档中的已有元素参数a:要移出的节点代码如下:div id=guoDivspan1 spanspan2 span ...

这篇文章主要介绍了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

赞助本站

人工智能实验室

相关热词: removeChild javascript

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港