- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- <html>
- <head>
- <title>replaceNode</title>
- <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
- <meta http-equiv="description" content="this is my page">
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- </head>
- <body>
- 城市:<ul>
- <li id="bj" value="beijing">北京</li>
- <li id="dl" value="dalian">大連</li>
- <li id="jz" value="jinzhou">錦州</li>
- </ul>
- <br/>
- 遊戲:<ul>
- <li id="tl" value="tianlongbabu">天龍八部</li>
- <li id="ms" value="moshou">魔獸</li>
- <li id="dnf" value="dixiacheng">地下城</li>
- </ul>
- </body>
- <script language="JavaScript">
- document.getElementById("bj").onclick=function(){
- var bjEliment = document.getElementById("bj");
- var tlEliment = document.getElementById("tl");
- var bjParentElement = bjEliment.parentNode;
- bjParentElement.replaceChild(tlEliment,bjEliment);
- }
- </script>
- </html>