javascript移出节点removeChild()使用介绍
更新时间：2014年04月03日 17:08:28 作者：
这篇文章主要介绍了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
参数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
您可能感兴趣的文章:
相关文章
经常会遇到这样一个情况：浏览器弹出对话框，提示脚本运行时间过长，询问“停止”还是“继续”。那究竟各个浏览器是如何判断在什么时候才弹出此对话框呢？2009-04-04
要捕获JavaScript代码中的异常一般会采用 try catch，不过try catch的使用是否是对代码性能产生影响呢？答案是肯定有的，但是有多少不得而知。下面这篇文章就给大家详细介绍了在JS中用try catch对代码运行的性能影响，有需要的朋友们可以参考借鉴。2016-12-12
这篇文章主要介绍了浅谈js中变量初始化的相关资料,需要的朋友可以参考下2015-02-02
JS截取url获取一些信息类似的文章可以在网上找很多，本文在重复讲述一遍，有不会的朋友可以巩固一下2014-04-04
本文主要介绍了JavaScript this绑定与this指向问题的解析，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-02-02
javascript中的继承使用实例代码，需要的朋友可以参考下。2011-04-04
D3是目前最流行的JavaScript可视化图表库之一，D3的图表类型非常丰富，并且支持SVG格式，因此应用十分广泛，也有很多图表插件基于D3开发，比如MetricsGraphics.js，在D3上构建的数据图表非常强大。2017-08-08
这篇文章主要介绍了预防网页挂马的方法总结的相关资料,这里详细整理了具体方法，和如何实现，需要的朋友可以参考下2016-11-11
下面小编就为大家带来一篇浅谈JS之tagNaem和nodeName。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章介绍了原生JS可拖动弹窗效果实例代码，有需要的朋友可以参考一下2013-11-11
最新评论