javascript替换已有元素replaceChild()使用介绍_javascript技巧
程序员文章站
2022-03-17 18:43:19
...
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
1
2
3
参数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
复制代码 代码如下:
1
2
3
上一篇: php把指定字符分割成数组的方法
推荐阅读
-
javascript中的void运算符语法及使用介绍_javascript技巧
-
javascript:;与javascript:void(0)使用介绍_javascript技巧
-
JavaScript prototype 使用介绍_javascript技巧
-
JavaScript中的this关键字介绍与使用实例_javascript技巧
-
javascript实现拖拽并替换网页块元素_javascript技巧
-
javascript 处理HTML元素必须避免使用的一种方法_javascript技巧
-
解析dom中的children对象数组元素firstChild,lastChild的使用_javascript技巧
-
解析dom中的children对象数组元素firstChild,lastChild的使用_javascript技巧
-
元素未显示设置width/height时IE中使用currentStyle获取为auto_javascript技巧
-
js open() 与showModalDialog()方法使用介绍_javascript技巧