学习HTML DOM笔记

替换 HTML 元素

如需替换 HTML DOM 中的元素，请使用 replaceChild() 方法：

实例

这是一个段落。

这是另外一个段落。

<div id="div1">

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

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

</div>

<script>

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

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

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

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

para.appendChild(node);

parent.replaceChild(para,child);

</script>