js或者jquery,点击删除删除某个div问题

js或者jquery,点击删除删除某个div问题,第1张

1、新建HTML文件。

2、引入jquery.min.js文件。

3、创建div和按钮并添加class样式。

4、接枯橘下来需要创建css样式。

5、创建js点击事件。

6、当点击按钮移除div元素。

7、点击按钮效果如图所示。

扩展资料

1、<body></body>所有div应该都放在body里面  应该这个才是内容区你把他们反正不是头和内容直接,网页解析肯定会没祥团出错的。

2、样式区域<style> 在里面必须加上type="text/css"这样才能搞错浏览器这部分为CSS样宴陵式部分,用CSS去解析而不是HTML。

3、内容区镶套了大量的多余DIV这属于多DIV症,这样会导致页面镶套混乱,然后加上你的那多浮动会出现做迷藏事件。

4、浮动后没有清楚浮动这样会产生很多的影响。

添加删除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/11979431.html

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

发表评论

登录后才能评论

评论列表(0条)

保存