replaceChild()方法將把一個給定父元素里面的一個子節點替換為另一個子節點

你還記得parentNode的方法的示例嗎↓

<div?id="text">
??<p?id="con">?parentNode?獲取指點節點的父節點</p>
</div>?
<script?type="text/javascript">
??var?mynode=?document.getElementById("con");
??document.write(mynode.parentNode.nodeName);
</script>

這里找到p元素的父節點mynode.parentNode→div

回到replaceChild方法把一個給定父元素里面的一個子節點替換為另一個子節點

?<div><b?id="oldnode">JavaScript</b>是一個很常用的技術，為網頁添加動態效果。</div>
??<a?href="javascript:replaceMessage()">?將加粗改為斜體</a>
??
????<script?type="text/javascript">
??????function?replaceMessage(){
????????var?newnode=document.createElement("i");
????????var?newnodeText=document.createTextNode("javaScript");
????????newnode.appendChild(newnodeText);
????????var?oldNode=document.getElementById("oldnode");
????????oldNode.parentNode.replaceChild(newnode,oldNode);
?
???????}????
??</script>

oldNode.parentNode.這里就是找到了id=‘oldnode’的給定父元素div然后用新建的 i 子節點替換原有的 b 子節點

----------不知道我有沒有說明白，如果還有不清楚的可以再提出來~