js点击动态删除添加div

js点击动态删除添加div,第1张

添加删除Div,有很多种方法。下面具一个简单的方法。

通过修改html内容来 *** 作

<body>

<input type="button" id="btn"/>

<a href="javascript:" id="div-box"></a>

</body>

<script>

    var oBtn = document.getElementById('btn')

    var oBox = document.getElementById('div-box')

    oBtn.onclick = function () {

        var html = '<div style="width:100px height:100px background: #ccc"></div>'

        if (oBox.innerHTML == '') {

            oBox.innerHTML = html

        } else {

            oBox.innerHTML = ''

        }

    }

</script>

其实很简单嘛,其实你细心想一下,它其实就是使用了定时器和一个淡出效果结合,

你首先设置一个定时器,时间设置为(淡出效果时间),你点击之后执行淡出效果,然后定时器的执行时间就是淡出效果的时间。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11619899.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存