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 相关文章推荐
JS的IE和Firefox兼容性集锦
Dec 11 Javascript
火狐浏览器(firefox)下获得Event对象以及keyCode
Nov 13 Javascript
动态标签 悬停效果 延迟加载示例代码
Nov 21 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
Dec 08 Javascript
jQuery遍历页面所有CheckBox查看是否被选中的方法
Apr 14 Javascript
jQuery旋转木马式幻灯片轮播特效
Dec 04 Javascript
JavaScript中的闭包
Feb 24 Javascript
jQuery给表格添加分页效果
Mar 02 Javascript
Vue组件通信的四种方式汇总
Feb 08 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
Feb 19 Javascript
基于JS实现一个随机生成验证码功能
May 29 Javascript
解决echarts数据二次渲染不成功的问题
Jul 20 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
用PHP来写记数器(详细介绍)
2006/10/09 PHP
php数组编码转换示例详解
2014/03/11 PHP
yii使用activeFileField控件实现上传文件与图片的方法
2015/12/28 PHP
一个实用的php验证码类
2017/07/06 PHP
jquery中this的使用说明
2010/09/06 Javascript
Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html模板中
2011/10/29 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
引用外部js乱码问题分析及解决方案
2013/04/12 Javascript
JavaScript中的运算符种类及其规则介绍
2013/09/26 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
2013/12/31 Javascript
JS的get和set使用示例
2014/02/20 Javascript
纯JS实现根据CSS的class选择DOM
2014/03/22 Javascript
jQuery中 prop() attr()使用详解
2015/05/19 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
jQuery实现右键菜单、遮罩等效果代码
2016/09/27 Javascript
原生js实现放大镜
2017/02/20 Javascript
JS实现给json数组动态赋值的方法示例
2020/03/19 Javascript
vue非父子组件通信问题及解决方法
2018/06/11 Javascript
vue.js使用watch监听路由变化的方法
2018/07/08 Javascript
js中事件对象和事件委托的介绍
2019/01/21 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
Nodejs使用archiver-zip-encrypted库加密压缩文件时报错(解决方案)
2019/11/18 NodeJs
Python协程的用法和例子详解
2017/09/09 Python
python的xpath获取div标签内html内容,实现innerhtml功能的方法
2019/01/02 Python
对Python中 \r, \n, \r\n的彻底理解
2020/03/06 Python
基于Python测试程序是否有错误
2020/05/16 Python
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
美国第一香水网站:Perfume.com
2017/01/23 全球购物
诗普兰迪官方网站:Splendid
2018/09/18 全球购物
Blue Nile中国官网:全球知名的钻石和珠宝网络零售商
2020/03/22 全球购物
在职研究生自我鉴定
2013/10/16 职场文书
环境科学毕业生自荐信
2013/11/21 职场文书
求职简历自荐信
2014/06/18 职场文书
秋季运动会开幕词
2015/01/28 职场文书
奖励通知
2015/04/22 职场文书
你知道哪几种MYSQL的连接查询
2021/06/03 MySQL