<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>replaceChild?實現(xiàn)子節(jié)點(對象)的替換</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
同學,看本章的知識:
替換元素節(jié)點replaceChild()
replaceChild 實現(xiàn)?子節(jié)點(對象)?的替換。返回被替換對象的引用。?
子節(jié)點是相對父節(jié)點來用的。沒有父節(jié)點就得不到子節(jié)點集合。子節(jié)點集合==父節(jié)點.childNodes
因此,想要替換某個節(jié)點,必須找到它的父節(jié)點,從父節(jié)點調(diào)用replaceChild()方法
2017-03-25
是不是前面部分學到的insertBefoe ? ? ? ? appendChild等都需要相對父節(jié)點才可以找到本身的子節(jié)點呢 大神賜教
2016-12-09
有個概念在之前的課上也出現(xiàn)過,叫子節(jié)點集合,或者子節(jié)點數(shù)組,想要對節(jié)點進行增加,刪除,必須通過該節(jié)點所在的子節(jié)點數(shù)組,也就是該節(jié)點以及它的所有兄弟節(jié)點的集合里操作才行。而我們通過父節(jié)點來找到這個集合(子節(jié)點集合)
2016-12-08
這里替換的是父節(jié)點中的一個子節(jié)點,所以oldnode獲取取了父節(jié)點body然后把body中的oldnode 也就是自己替換為newnode