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


Posted in Javascript onApril 03, 2014

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
Javascript 相关文章推荐
javascript 动态加载 css 方法总结
Jul 11 Javascript
超简单的jquery的AJAX用法
May 10 Javascript
jquery 选项卡效果 新手代码
Jul 08 Javascript
javascript文本框内输入文字倒计数的方法
Feb 24 Javascript
JS提示:Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
Aug 19 Javascript
node.js中module.exports与exports用法上的区别
Sep 02 Javascript
微信小程序实现根据字母选择城市功能
Aug 16 Javascript
JS实现中英文混合文字溢出友好截取功能
Aug 06 Javascript
在Vue组件中获取全局的点击事件方法
Sep 06 Javascript
详解vue 项目白屏解决方案
Oct 31 Javascript
基于Node的Axure文件在线预览的实现代码
Aug 28 Javascript
vue+animation实现翻页动画
Jun 29 Javascript
javascript 拷贝节点cloneNode()使用介绍
Apr 03 #Javascript
javascript替换已有元素replaceChild()使用介绍
Apr 03 #Javascript
Extjs grid添加一个图片状态或者按钮的方法
Apr 03 #Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
Apr 03 #Javascript
单击和双击事件的冲突处理示例代码
Apr 03 #Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
Apr 03 #Javascript
邮箱下拉自动填充选择示例代码附图
Apr 03 #Javascript
You might like
overlord人气高涨,却被菲利普频繁举报,第四季很难在国内上映
2020/05/06 日漫
可兼容php5与php7的cURL文件上传功能实例分析
2018/05/11 PHP
PHP Laravel中的Trait使用方法
2019/01/20 PHP
通过PHP设置BugFree获取邮箱通知
2019/04/25 PHP
PHP语言对接抖音快手小红书视频/图片去水印API接口源码
2020/08/11 PHP
jquery关于页面焦点的定位(文本框获取焦点时改变样式 )
2010/09/10 Javascript
javascript排序函数实现数字排序
2015/06/26 Javascript
javascript实现在线客服效果
2015/07/15 Javascript
原生js实现移动端瀑布流式代码示例
2015/12/18 Javascript
jquery+json实现分页效果
2016/03/07 Javascript
javascript超过容器后显示省略号效果的方法(兼容一行或者多行)
2016/07/14 Javascript
jQuery快速高效制作网页交互特效
2017/02/24 Javascript
jQuery时间验证和转换为标准格式的时间格式
2017/03/06 Javascript
vue实现验证码输入框组件
2017/12/14 Javascript
vue实现简单的日历效果
2020/09/24 Javascript
vuex actions异步修改状态的实例详解
2019/11/06 Javascript
[03:36]DOTA2完美大师赛coL战队趣味视频——我演你猜
2017/11/23 DOTA
[46:16]2018DOTA2亚洲邀请赛3月30日 小组赛B组 iG VS VP
2018/03/31 DOTA
Python序列之list和tuple常用方法以及注意事项
2015/01/09 Python
教你学会使用Python正则表达式
2017/09/07 Python
Python cookbook(数据结构与算法)从任意长度的可迭代对象中分解元素操作示例
2018/02/13 Python
Python中使用Counter进行字典创建以及key数量统计的方法
2018/07/06 Python
django 实现电子支付功能的示例代码
2018/07/25 Python
详解用python写一个抽奖程序
2019/05/10 Python
Python 自动登录淘宝并保存登录信息的方法
2019/09/04 Python
在python image 中实现安装中文字体
2020/05/16 Python
巴西备受欢迎的服装和生活方式品牌:FARM Rio
2020/02/04 全球购物
屈臣氏泰国官网:Watsons TH
2021/02/23 全球购物
财务情况说明书范文
2014/05/06 职场文书
2014年母亲节演讲稿范文
2014/05/07 职场文书
个人校本研修方案
2014/05/26 职场文书
三月学雷锋活动总结
2014/06/26 职场文书
2015年八一建军节慰问信
2015/03/23 职场文书
死亡诗社观后感
2015/06/05 职场文书
Go语言实现Snowflake雪花算法
2021/06/08 Golang
详解Java实践之建造者模式
2021/06/18 Java/Android