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 相关文章推荐
Tips 带三角可关闭的文字提示
Oct 06 Javascript
Jquery时间验证和转换工具小例子
Jul 01 Javascript
JavaScript验证图片类型(扩展名)的函数分享
May 05 Javascript
JavaScript获取URL汇总
Jun 08 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
Dec 07 Javascript
全屏js头像上传插件源码高清版
Mar 29 Javascript
SWFUpload多文件上传及文件个数限制的方法
May 31 Javascript
Angular2实现自定义双向绑定属性
Mar 22 Javascript
微信小程序实现商品属性联动选择
Feb 15 Javascript
详解微信小程序自定义组件的实现及数据交互
Jul 22 Javascript
详解Vue 项目中的几个实用组件(ts)
Oct 29 Javascript
Vue中qs插件的使用详解
Feb 07 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对文件进行加锁、解锁实例
2015/01/23 PHP
PHP微信刮刮卡 附微信接口
2016/07/22 PHP
JS实现打开本地文件或文件夹
2021/03/09 Javascript
解决 firefox 不支持 document.all的方法
2007/03/12 Javascript
JavaScript脚本性能优化注意事项
2008/11/18 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
js实现二代身份证号码验证详解
2014/11/20 Javascript
jquery队列函数用法实例
2014/12/16 Javascript
JS实现判断碰撞的方法
2015/02/11 Javascript
简介AngularJS的视图功能应用
2015/06/17 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
2016/04/18 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
2017/03/27 Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
2017/04/28 Javascript
自定义PC微信扫码登录样式写法
2017/12/12 Javascript
Vue使用NPM方式搭建项目
2018/10/25 Javascript
微信小程序云开发使用方法新手初体验
2019/05/16 Javascript
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
2019/10/16 jQuery
jquery 键盘事件 keypress() keydown() keyup()用法总结
2019/10/23 jQuery
Vue多选列表组件深入详解
2021/03/02 Vue.js
python实现批量修改文件名代码
2017/09/10 Python
Python带动态参数功能的sqlite工具类
2018/05/26 Python
Python实现将Excel转换成为image的方法
2018/10/23 Python
Python常见数字运算操作实例小结
2019/03/22 Python
Python比较配置文件的方法实例详解
2019/06/06 Python
python3 实现爬取TOP500的音乐信息并存储到mongoDB数据库中
2019/08/24 Python
Python 实现Serial 与STM32J进行串口通讯
2019/12/18 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
Herve Leger官网:标志性绷带连衣裙等
2018/12/26 全球购物
vue路由实现登录拦截
2021/03/24 Vue.js
急诊科护士自我鉴定
2013/10/14 职场文书
怎么写好自荐信
2013/10/30 职场文书
市场营销职业生涯规划书范文
2014/01/12 职场文书
银行奉献演讲稿
2014/09/16 职场文书
2016年教师新年寄语
2015/08/18 职场文书
导游词之寿县报恩寺
2020/01/19 职场文书
使用Redis实现点赞取消点赞的详细代码
2022/03/20 Redis