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

2014-04-03 10

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 SpiderMonkey中的函数序列化如何进行
Dec 05 9
完美解决IE低版本不支持call与apply的问题
Dec 05 7
使用js检测浏览器是否支持html5中的video标签的方法
Mar 12 10
javascript实现的图片切割多块效果实例
May 07 10
JS实现网页游戏中滑块响应鼠标点击移动效果
Oct 19 5
js 作用域和变量详解
Feb 16 6
jQuery实现的图片点击放大缩小功能案例
Jan 02 8
手机访问当前页面