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 相关文章推荐
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
Dec 13 Javascript
浅析jquery数组删除指定元素的方法:grep()
May 19 Javascript
对js中回调函数的一些看法
Aug 29 Javascript
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
Sep 24 Javascript
BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案
Dec 14 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
Sep 27 Javascript
浅谈mint-ui 填坑之路
Nov 06 Javascript
微信小程序实现折叠展开效果
Jul 19 Javascript
JavaScript ES6中的简写语法总结与使用技巧
Dec 30 Javascript
vue实现表单录入小案例
Sep 27 Javascript
js实现百度登录窗口拖拽效果
Mar 19 Javascript
解决vue使用vant轮播组件swipe + flex时文字抖动问题
Jan 07 Vue.js
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
如何开始收听短波广播
2021/03/01 无线电
PHP图片裁剪与缩放示例(无损裁剪图片)
2017/02/08 PHP
PHP不使用内置函数实现字符串转整型的方法示例
2017/07/03 PHP
PHP实现浏览器格式化显示XML的方法示例
2019/01/22 PHP
Thinkphp 框架扩展之行为扩展原理与实现方法分析
2020/04/23 PHP
用ASP将SQL搜索出来的内容导出为TXT的代码
2007/07/27 Javascript
javascript 设计模式之单体模式 面向对象学习基础
2010/04/18 Javascript
javascript定时变换图片实例代码
2013/03/17 Javascript
解决Extjs4中form表单提交后无法进入success函数问题
2013/11/26 Javascript
用js读、写、删除Cookie代码续篇
2014/12/03 Javascript
Angular中的Promise对象($q介绍)
2015/03/03 Javascript
JS实现点击按钮自动增加一个单元格的方法
2015/03/09 Javascript
纯原生js实现table表格的增删
2017/01/05 Javascript
jquery,js简单实现类似Angular.js双向绑定
2017/01/13 Javascript
js实现登录框鼠标拖拽效果
2017/03/09 Javascript
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
2017/06/09 jQuery
Node.js中环境变量process.env的一些事详解
2017/10/26 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
2017/12/14 Javascript
VScode格式化ESlint方法(最全最好用方法)
2019/09/10 Javascript
原生js实现照片墙效果
2020/10/13 Javascript
[01:12](回顾)DOTA2国际邀请赛,全世界DOTAer的盛宴
2014/07/01 DOTA
python实现apahce网站日志分析示例
2014/04/02 Python
Python内置模块logging用法实例分析
2018/02/12 Python
浅谈pyqt5在QMainWindow中布局的问题
2019/06/21 Python
python多维数组分位数的求取方式
2020/03/03 Python
Django获取model中的字段名和字段的verbose_name方式
2020/05/19 Python
加拿大高尔夫超市:Golf Town
2018/01/12 全球购物
军训生自我鉴定范文
2013/12/27 职场文书
医学检验专业自荐信
2014/09/18 职场文书
质量主管工作职责
2014/09/26 职场文书
2014幼儿教师个人工作总结
2014/12/03 职场文书
硕士论文致谢范文
2015/05/14 职场文书
2019餐饮行业创业计划书!
2019/06/27 职场文书
Python 中数组和数字相乘时的注意事项说明
2021/05/10 Python
Python可变与不可变数据和深拷贝与浅拷贝
2022/04/06 Python
Docker安装MySql8并远程访问的实现
2022/07/07 Servers