【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 
替换 HTML 元素 - replaceChild()
replaceChild(newnode,oldnode) 方法来替换 HTML DOM 中的元素。
| 参数 | 类型 | 描述 |
|---|---|---|
| newnode | Node 对象 | 必须。你要插入的节点对象。 |
| oldnode | Node object | 必须。你要移除的节点对象。 |
返回值是一个指向被替换节点的引用指针
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另外一个段落。</p>
</div>
<script>
var parent = document.getElementById("div1");
var child1 = document.getElementById("p1");
var child2 = document.getElementById("p2");
var temp = child1.cloneNode(true);
parent.replaceChild(temp, child2);
parent.replaceChild(child2, child1);
/*
var temp = document.createElement("p");
//var node = document.createTextNode("这是一个新的段落。");
//para.appendChild(node);
parent.replaceChild(temp, child1);
parent.replaceChild(child1, child2);
parent.replaceChild(child2, temp);
*/
</script>
</body>
</html>
来源：oschina
链接：https://my.oschina.net/u/4108547/blog/3145446