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中巧用“闭包”实现程序的暂停执行功能
Apr 04 Javascript
jquery.validate使用攻略 第二部
Jul 01 Javascript
jquery选择符快速提取web表单数据示例
Mar 27 Javascript
js中定义一个变量并判断其是否为空的方法
May 13 Javascript
JQuery调用绑定click事件的3种写法
Mar 28 Javascript
Javascript iframe交互并兼容各种浏览器的解决方法
Jul 12 Javascript
vue-cli的webpack模板项目配置文件分析
Apr 01 Javascript
微信小程序实现带缩略图轮播效果
Nov 04 Javascript
微信小程序template模版的使用方法
Apr 13 Javascript
JS实现的贪吃蛇游戏案例详解
May 01 Javascript
原生js实现随机点名功能
Nov 05 Javascript
基于vue和websocket的多人在线聊天室
Feb 01 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面向对象全攻略 (十五) 多态的应用
2009/09/30 PHP
php数组函数序列之array_unique() - 去除数组中重复的元素值
2011/10/29 PHP
一个简单的php加密解密函数(动态加密)
2013/06/19 PHP
PHP按行读取、处理较大CSV文件的代码实例
2014/04/09 PHP
Redis使用Eval多个键值自增的操作实例
2016/11/04 PHP
[原创]PHP实现SQL语句格式化功能的方法
2017/07/28 PHP
fix-ie5.js扩展在IE5下不能使用的几个方法
2007/08/20 Javascript
JavaScript 提升运行速度之循环篇 译文
2009/08/15 Javascript
理解Javascript_08_函数对象
2010/10/15 Javascript
juqery 学习之三 选择器 简单 内容
2010/11/25 Javascript
使用JS CSS去除IE链接虚线框的三种方法
2013/11/14 Javascript
关于JavaScript对象的动态选择及遍历对象
2014/03/10 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
2014/12/15 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
2015/02/27 Javascript
$.extend 的一个小问题
2015/06/18 Javascript
基于javascript实现图片左右切换效果
2016/01/25 Javascript
Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
2016/02/02 Javascript
Knockoutjs 学习系列(一)ko初体验
2016/06/07 Javascript
浅谈JavaScript函数的四种存在形态
2016/06/08 Javascript
JavaScript实现汉字转换为拼音的库文件示例
2016/12/22 Javascript
jquery实现的table排序功能示例
2017/03/10 Javascript
vue2.0中click点击当前li实现动态切换class
2017/06/21 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
2018/09/27 Javascript
Vue Cli3 创建项目的方法步骤
2018/10/15 Javascript
微信小程序template模板与component组件的区别和使用详解
2019/05/22 Javascript
Python解析命令行读取参数--argparse模块使用方法
2018/01/23 Python
Sanic框架请求与响应实例分析
2018/07/16 Python
python使用__slots__让你的代码更加节省内存
2018/09/05 Python
python中ImageTk.PhotoImage()不显示图片却不报错问题解决
2018/12/06 Python
PyQt5实现让QScrollArea支持鼠标拖动的操作方法
2019/06/19 Python
10分钟教你用python动画演示深度优先算法搜寻逃出迷宫的路径
2019/08/12 Python
用Python去除图像的黑色或白色背景实例
2019/12/12 Python
简单几步用纯CSS3实现3D翻转效果
2019/01/17 HTML / CSS
2014年党员公开承诺践诺书
2014/03/25 职场文书
社区义诊通知
2015/04/24 职场文书
亲戚关系证明
2015/06/24 职场文书