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 12 Javascript
Javascript 函数parseInt()转换时出现bug问题
May 20 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
Feb 27 Javascript
JS定义类的六种方式详解
May 12 Javascript
jQuery检查元素存在性(推荐)
Sep 17 Javascript
Vuejs 组件——props数据传递的实例代码
Mar 07 Javascript
jQuery选择器之表单元素选择器详解
Sep 19 jQuery
js正则表达式校验指定字符串的方法
Jul 23 Javascript
node.js使用redis储存session的方法
Sep 26 Javascript
vue地址栏直接输入路由无效问题的解决
Nov 15 Javascript
Vue实现仿iPhone悬浮球的示例代码
Mar 13 Javascript
vue-cli4使用全局less文件中的变量配置操作
Oct 21 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语法速查表
2006/12/06 PHP
解决php接收shell返回的结果中文乱码问题
2014/01/23 PHP
PHP基于GD库的缩略图生成代码(支持jpg,gif,png格式)
2014/06/19 PHP
php多线程并发实现方法
2016/09/30 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
Laravel框架Eloquent ORM修改数据操作示例
2019/12/03 PHP
Javascript级联下拉菜单以及AJAX数据验证核心代码
2013/05/10 Javascript
laytpl 精致巧妙的JavaScript模板引擎
2014/08/29 Javascript
js实现从数组里随机获取元素
2015/01/12 Javascript
详解javascript实现瀑布流绝对式布局
2016/01/29 Javascript
Canvas + JavaScript 制作图片粒子效果
2017/02/08 Javascript
jQuery实现的简单在线计算器功能
2017/05/11 jQuery
详解在AngularJS的controller外部直接获取$scope
2017/06/02 Javascript
JavaScript注册时密码强度校验代码
2017/06/30 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
2017/09/28 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
2017/10/12 Javascript
layui 弹出层值回传解决方式
2019/11/14 Javascript
nuxt 每个页面head标签内容设置方式
2020/11/05 Javascript
Python中itertools模块用法详解
2014/09/25 Python
Python探索之SocketServer详解
2017/10/28 Python
Python实现可获取网易页面所有文本信息的网易网络爬虫功能示例
2018/01/15 Python
Python找出微信上删除你好友的人脚本写法
2018/11/01 Python
python多线程同步之文件读写控制
2021/02/25 Python
TensorFlow绘制loss/accuracy曲线的实例
2020/01/21 Python
Python3 利用face_recognition实现人脸识别的方法
2020/03/13 Python
应届毕业生简历自我评价
2014/01/31 职场文书
北京申奥口号
2014/06/19 职场文书
2014年公司工作总结
2014/11/22 职场文书
综合实践活动报告
2015/02/05 职场文书
导游词范文
2015/02/13 职场文书
焦裕禄观后感
2015/06/03 职场文书
爱国主义主题班会
2015/08/14 职场文书
python glom模块的使用简介
2021/04/13 Python
Pytorch 实现变量类型转换
2021/05/17 Python
浅谈mysql哪些情况会导致索引失效
2021/11/20 MySQL