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 相关文章推荐
网站导致浏览器崩溃的原因总结(多款浏览器) 推荐
Apr 15 Javascript
JS判断是否为数字,是否为整数,是否为浮点数的代码
Apr 24 Javascript
基于JQuery的一句话搞定手风琴菜单
Sep 14 Javascript
JS 实现图片直接下载示例代码
Jul 22 Javascript
js在指定位置增加节点函数insertBefore()用法实例
Jan 12 Javascript
JS实现的自定义右键菜单实例二则
Sep 01 Javascript
JavaScript模板引擎Template.js使用详解
Dec 15 Javascript
node文件上传功能简易实现代码
Jun 16 Javascript
不得不看之JavaScript构造函数及new运算符
Aug 21 Javascript
zTree节点文字过多的处理方法
Nov 24 Javascript
vue2配置scss的方法步骤
Jun 06 Javascript
详解jQuery的核心函数和事件处理
Feb 18 jQuery
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 通过Socket收发十六进制数据的实现代码
2013/08/16 PHP
thinkphp5.1框架模板赋值与变量输出示例
2020/05/25 PHP
论坛特效代码收集(落伍转发-不错)
2006/12/02 Javascript
jQuery语法高亮插件支持各种程序源代码语法着色加亮
2013/04/27 Javascript
showModelDialog弹出文件下载窗口的使用示例
2013/11/19 Javascript
JqueryMobile动态生成listView并实现刷新的两种方法
2014/03/05 Javascript
jquery 绑定回车动作扑捉回车键触发的事件
2014/03/26 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
2014/09/03 Javascript
JavaScript中用字面量创建对象介绍
2014/12/31 Javascript
浅谈javascript中字符串String与数组Array
2014/12/31 Javascript
Bootstrap学习笔记之css样式设计(1)
2016/06/07 Javascript
jQuery plugin animsition使用小结
2017/09/14 jQuery
react native与webview通信的示例代码
2017/09/25 Javascript
jQuery实现弹窗下底部页面禁止滑动效果
2017/12/19 jQuery
Vuex 进阶之模块化组织详解
2018/01/12 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
2018/03/26 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
2018/08/19 Javascript
ES6中字符串的使用方法扩展
2019/06/04 Javascript
js图数据结构处理 迪杰斯特拉算法代码实例
2019/09/11 Javascript
JS实现判断移动端PC端功能
2020/02/21 Javascript
js实现移动端图片滑块验证功能
2020/09/29 Javascript
记一次vue跨域的解决
2020/10/21 Javascript
Express 配置HTML页面访问的实现
2020/11/01 Javascript
Python中Subprocess的不同函数解析
2019/12/10 Python
django框架单表操作之增删改实例分析
2019/12/16 Python
python实现用户名密码校验
2020/03/18 Python
Django-imagekit的使用详解
2020/07/06 Python
什么是唯一索引
2015/07/05 面试题
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
厂长助理岗位职责
2013/12/27 职场文书
三年大学自我鉴定
2014/01/16 职场文书
杨善洲电影观后感
2015/06/04 职场文书
2019年健身俱乐部的创业计划书
2019/08/26 职场文书
python实现层次聚类的方法
2021/11/01 Python
Python实战之大鱼吃小鱼游戏的实现
2022/04/01 Python
Smart 2 车辆代号 HC11 全新谍照曝光
2022/04/21 数码科技