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 子節點

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

替換元素子節點

元素節點對象.replaceChild(新的子節點, 被替換的子節點);

作用:用參一新的子節點替換掉參二指定的子節點.當 參二被替換時，所有與之相關的屬性和內容都將被移除.

返回被替換對象的引用。

replaceChild()方法是替換子節點的方法,?oldnode加上parentNode才擁有子節點成為父元素,才能使用這個方法.