替换 HTML 元素 - replaceChild()

 

我们可以使用 replaceChild() 方法来替换 HTML DOM 中的元素。

 

实例

 

<div id="div1">

<p id="p1">这是一个段落。</p>

<p id="p2">这是另外一个段落。</p>

</div>

 

<script>

var para = document.createElement("p");

var node = document.createTextNode("这是一个新的段落。");

para.appendChild(node);

 

var parent = document.getElementById("div1");

var child = document.getElementById("p1");

parent.replaceChild(para, child);

</script>