DOM中两个节点之间的互换 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>两个节点之间的互换</title>
</head>
<body>
<p>你喜欢哪个城市？</p>
<ul id="city" >
    <li id="bj" name="beijing">北京</li>
    <li>上海</li>
    <li>东京</li>
    <li>首尔</li>
</ul>
<br><br>
<p>你最喜欢哪款单击游戏？</p>
<ul id="game" >
    <li id="rl" >红警</li>
    <li>实况</li>
    <li>极品飞车</li>
    <li>魔兽</li>
</ul>
<script type="text/javascript">
    window.onload = function(){
        var bjNode = document.getElementById("bj");
        var rlNode = document.getElementById("rl");
        var cityNode = document.getElementById("city");
        var gameNode = document.getElementById("game");
        var bjNode1 = bjNode.cloneNode(true);
        gameNode.replaceChild(bjNode1,rlNode);
        cityNode.replaceChild(rlNode,bjNode);
    }
</script>
</body>
</html>

　　

posted on 2015-11-24 20:41  冬刻忆  阅读(594)  评论(0)    收藏  举报