javascript替换已有元素replaceChild()使用介绍


Posted in Javascript onApril 03, 2014

replaceChild(a,b)是用来替换文档中的已有元素的
参数a:要插入的节点,
参数b:要替换的节点

var oDiv = document.getElementById("guoDiv"); 
var oSpan = document.createElement("span"); 
oSpan.innerHTML = "4"; 
var firsChild = oDiv.firstElementChild ? oDiv.firstElementChild : oDiv.firstChild 
var returnNode = oDiv.replaceChild(oSpan, firsChild); //替换第一个元素,返回被替换掉的元素 
alert(returnNode.innerHTML); //1 
var lastChild = oDiv.lastElementChild ? oDiv.lastElementChild : oDiv.lastChild; 
oSpan = document.createElement("span"); 
oSpan.innerHTML = "5"; 
returnNode = oDiv.replaceChild(oSpan, lastChild); //替换最后一个,返回被替换掉的元素 
alert(returnNode.innerHTML);//3

<div id="guoDiv"> 
<span>1</span> 
<span>2</span> 
<span>3</span> 
</div>
Javascript 相关文章推荐
JavaScript this 深入理解
Jul 30 Javascript
浅谈javascript中的DOM方法
Jul 16 Javascript
关于JavaScript作用域你想知道的一切
Feb 04 Javascript
如何用JavaScript实现动态修改CSS样式表
May 20 Javascript
使用递归遍历对象获得value值的实现方法
Jun 14 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
Sep 24 Javascript
Node.js中用D3.js的方法示例
Jan 16 Javascript
在javascript中,null>=0 为真,null==0却为假,null的值详解
Feb 22 Javascript
解决JQuery全选/反选第二次失效的问题
Oct 11 jQuery
浅谈vue项目可以从哪些方面进行优化
May 05 Javascript
js实现倒计时器自定义时间和暂停
Feb 25 Javascript
JavaScript实现表单验证功能
Dec 09 Javascript
Extjs grid添加一个图片状态或者按钮的方法
Apr 03 #Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
Apr 03 #Javascript
单击和双击事件的冲突处理示例代码
Apr 03 #Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
Apr 03 #Javascript
邮箱下拉自动填充选择示例代码附图
Apr 03 #Javascript
JS获取网页属性包括宽、高等等
Apr 03 #Javascript
jQuery的$.proxy()应用示例介绍
Apr 03 #Javascript
You might like
基于php设计模式中单例模式的应用分析
2013/05/15 PHP
Laravel 5框架学习之向视图传送数据
2015/04/08 PHP
php session 写入数据库
2016/02/13 PHP
round robin权重轮循算法php实现代码
2016/05/28 PHP
js post方式传递提交的实现代码
2010/05/31 Javascript
一个javascript图片阅览组件
2010/11/09 Javascript
网易JS面试题与Javascript词法作用域说明
2010/11/09 Javascript
jquery插件制作简单示例说明
2012/02/03 Javascript
JSON传递bool类型数据的处理方式介绍
2013/09/18 Javascript
js拖拽一些常见的思路方法整理
2014/03/19 Javascript
JavaScript极简入门教程(三):数组
2014/10/25 Javascript
js Calender控件使用详解
2015/01/05 Javascript
Javascript通过overflow控制列表闭合与展开的方法
2015/05/15 Javascript
基于zepto.js简单实现上传图片
2016/06/21 Javascript
jQuery基于ID调用指定iframe页面内的方法
2016/07/06 Javascript
微信小程序实战之轮播图(3)
2017/04/17 Javascript
vue.js  父向子组件传参的实例代码
2017/10/29 Javascript
Jquery实现无缝向上循环滚动列表的特效
2019/02/13 jQuery
微信小程序如何实现点击图片放大功能
2020/01/21 Javascript
浅谈vue权限管理实现及流程
2020/04/23 Javascript
python中的一些类型转换函数小结
2013/02/10 Python
python flask中静态文件的管理方法
2018/03/20 Python
python 批量将中文名转换为拼音
2021/02/07 Python
利用CSS3实现单选框动画特效示例代码
2016/09/26 HTML / CSS
html5嵌入内容_动力节点Java学院整理
2017/07/07 HTML / CSS
阿迪达斯奥地利官方商城:adidas.at
2016/10/16 全球购物
sealed修饰符是干什么的
2012/10/23 面试题
班级聚会策划书
2014/01/16 职场文书
先进事迹报告会感言
2014/01/24 职场文书
行政专员的岗位职责
2014/03/10 职场文书
结婚保证书范文
2014/04/29 职场文书
学生穿着不得体检讨书
2014/10/12 职场文书
2014年个人售房协议书
2014/10/30 职场文书
辞职信范文大全
2015/03/02 职场文书
遗失证明范文
2015/06/19 职场文书
关于CSS自定义属性与前端页面的主题切换问题
2022/03/21 HTML / CSS