<html>
<head>
<title>replaceChild使用</title>
</head>
<body>
您喜歡的城市：<br>
<ul>
<li id="bj" value="beijing">北京</li>
<li id="sh" value="shanghai">上海</li>
<li id="cq" value="chongqing">重慶</li>
</ul>
您喜歡的遊戲：<br>
<ul>
<li id="fk" value="fankong">反恐</li>
<li id="ms" value="moshou">魔獸</li>
<li id="cq" value="chuanqi">傳奇</li>
</ul>
</body>
<script language="javascript">
window.onload = function(){//當文檔加載完畢，才執行onload事件，所指定的函數
//點擊北京節點，將被反恐節點替換
document.getElementById("bj").οnclick=function(){
//<li id="bj" value="beijing">北京</li>
var bjElement = document.getElementById("bj");
//<li id="fk" value="fankong">反恐</li>
var fkElement = document.getElementById("fk");
//獲取父節點 北京
var bjParentElement = bjElement.parentNode;
//替換
var oldElement = bjParentElement.replaceChild(fkElement,bjElement);
//測試
alert(oldElement.firstChild.nodeValue);
}
}
</script>
</html>
