<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>replaceChild?實現子節點(對象)的替換</title>
</head>
<body>
<script?type="text/javascript">
???function?replaceMessage(){
???var?newnode=document.createElement("p");
???var?newnodeText=document.createTextNode("JavaScript");
???newnode.appendChild(newnodeText);
???var?oldnode=document.getElementById("oldnode")
???oldnode.parentNode.replaceChild(newnode,oldnode);??//這里用到了parentNode
???}
</script>
<h1?id="oldnode">Java</h1>
<a?href="javascript:replaceMessage()">"Java"替換"JavaScript"</a>
</body>
</html>
2016-12-09
同學,看本章的知識:
替換元素節點replaceChild()
replaceChild 實現?子節點(對象)?的替換。返回被替換對象的引用。?
子節點是相對父節點來用的。沒有父節點就得不到子節點集合。子節點集合==父節點.childNodes
因此,想要替換某個節點,必須找到它的父節點,從父節點調用replaceChild()方法
2017-03-25
是不是前面部分學到的insertBefoe ? ? ? ? appendChild等都需要相對父節點才可以找到本身的子節點呢 大神賜教
2016-12-09
有個概念在之前的課上也出現過,叫子節點集合,或者子節點數組,想要對節點進行增加,刪除,必須通過該節點所在的子節點數組,也就是該節點以及它的所有兄弟節點的集合里操作才行。而我們通過父節點來找到這個集合(子節點集合)
2016-12-08
這里替換的是父節點中的一個子節點,所以oldnode獲取取了父節點body然后把body中的oldnode 也就是自己替換為newnode