[js]多个按钮点击添加div,再点击删除

来源:互联网 发布:c语言可以用string类吗 编辑:程序博客网 时间:2024/05/22 05:39

主要思想是一个全局变量来控制增加或删除。点一下显示,再点一下删除。
源码如下,可直接运行

<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <title></title>    </head><script type="text/javascript">    var num = 0;    function insert(obj){        if(num == 0){            var div=document.createElement('div');            div.id='ok';            div.innerHTML='插入的内容';            obj.appendChild(div);            num = 1;        }        else{            num = 0;            var box = document.getElementById("ok");            box.parentNode.removeChild(box);        }    }</script><body>    <div>        1<a href="#" onclick="insert(this);return false;"></a><br/>        2<a href="#" onclick="insert(this);return false;"></a><br/>        3<a href="#" onclick="insert(this);return false;"></a><br/>        4<a href="#" onclick="insert(this);return false;"></a><br/></div></body></html>