<body id="test">
<input id="add" type="button" value="增加" disabled οnclick="add();"/> <input id="del" type="button" value="删除" οnclick="del();"/> <div id="target" style="width:240px;height:50px;border:1px solid black"> 被控制的目标元素 </div> <script> var body = document.getElementById("test"); var target = document.getElementById("target"); var add = function(){ body.appendChild(target); document.getElementById("add").disabled="disabled"; document.getElementById("del").disabled=""; } var del = function(){ body.removeChild(target); document.getElementById("del").disabled="disabled"; document.getElementById("add").disabled=""; } </script> </body>
