replaceChild()方法將把一個(gè)給定父元素里面的一個(gè)子節(jié)點(diǎn)替換為另一個(gè)子節(jié)點(diǎn)

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

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

這里找到p元素的父節(jié)點(diǎn)mynode.parentNode→div

回到replaceChild方法把一個(gè)給定父元素里面的一個(gè)子節(jié)點(diǎn)替換為另一個(gè)子節(jié)點(diǎn)

??<div><b?id="oldnode">JavaScript</b>是一個(gè)很常用的技術(shù)，為網(wǎng)頁添加動(dòng)態(tài)效果。</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 子節(jié)點(diǎn)替換原有的?b 子節(jié)點(diǎn)

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

替換元素子節(jié)點(diǎn)

元素節(jié)點(diǎn)對(duì)象.replaceChild(新的子節(jié)點(diǎn), 被替換的子節(jié)點(diǎn));

作用:用參一新的子節(jié)點(diǎn)替換掉參二指定的子節(jié)點(diǎn).當(dāng) 參二被替換時(shí)，所有與之相關(guān)的屬性和內(nèi)容都將被移除.

返回被替換對(duì)象的引用。

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