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

来源：互联网   发布日期：2016-01-26 11:01:40   浏览：1579次  

这篇文章主要介绍了javascript替换已有元素replaceChild()使用,需要的朋友可以参考下

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>

赞助本站