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>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)