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

最新推荐文章于 2024-04-17 08:48:05 发布

我扶奶奶过哈登

最新推荐文章于 2024-04-17 08:48:05 发布

阅读量5.8k

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/u014571132/article/details/72831997

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

<!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>

我扶奶奶过哈登

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
1
评论
[js]多个按钮点击添加div，再点击删除

主要思想是一个全局变量来控制增加或删除。点一下显示，再点一下删除。源码如下，可直接运行<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head><script type="text/javascript"> var num = 0; fu
复制链接

扫一扫