js点击动态删除添加div

<divclass="aaa"></div><divclass="bbb"></div>第一次点击aaa,bbb移除,再点击又添加,就这样循环... <div class="aaa"></div>

<div class="bbb"></div>
第一次点击aaa,bbb移除,再点击又添加,就这样循环
展开
 我来答
百度网友2571d37bb
推荐于2018-04-12 · 知道合伙人软件行家
百度网友2571d37bb
知道合伙人软件行家
采纳数:1971 获赞数:7905
前端工程师

向TA提问 私信TA
展开全部

添加删除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>
fly夜飞纷飞
2018-04-12 · TA获得超过132个赞
知道小有建树答主
回答量:168
采纳率:85%
帮助的人:112万
展开全部
$(".aaa" ).click(function(){
        $(".bbb" ).fadeToggle(1000);
    });
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
阿巴巴fGw
2018-04-12 · TA获得超过677个赞
知道小有建树答主
回答量:1470
采纳率:84%
帮助的人:512万
展开全部
document.getElementsByClassName('aaa')[0].onclick = function() {
document.getElementsByClassName('bbb')[0].parentNode
.removeChild(document.getElementsByClassName('bbb')[0])

}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式