<div id="id2">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
</div>
这样
如果你想删除id2 下面的所有div
var id2 = documentgetElementById('id2');var id2Div= id2getElementsByTagName('div');
// 此处一定要先保存好length 因为removeChild对画面是实时影响
var length = id2Divlength;
for (var i = 0; i <length; i++) {
id2 removeChild(id2Div[0]);
}windowonclick = function() {
documentgetElementById('div')parentNoderemoveChild(documentgetElementById('div'));
thisonclick = '';
}
字符串div是你的div的id名你可以用jquery。 设置这个DIV 为hide() 或者show()就可以控制显示或者隐藏。
:
$(document)ready(function(){
$("#div1")hide();
$("#button1")click(function(){
$("#div1")show();
})
})documentgetElementById("newPreview")styleinnerHTML=""; 改为documentgetElementById("newPreview")innerHTML=""; 就可以了<button id="del">删除</button>
<div id=a><div id=b></div><div id=c1></div><div id=c2></div><div id=c9></div></div>
<script>
delonclick=()=>documentquerySelectorAll("div#a div[id^=c]")forEach(e=>eremove());
</script>
最好给需要删除的div元素定义一个ID，以方便对其进行 *** 作；
注意JS中是没有remove();方法的，在jquery中就可以直接使用 $("#divID")remove();移除该元素；这样非常方便、简单。
js中的话要通过获取该元素的父级元素，再调用removeChild(要删除的元素);
测试demo：
这边修改了代码，请保存为html文件后测试。<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=10">
<title>删除自己的div</title>
<style>
wrap {
width: 400px;
height: 400px;
background-color: aqua;
}
user-info {
width: 390px;
height: 120px;
border: 1px solid red;
}
</style>
</head>
<body>
<div class="wrap">
<div class="del">
<div class="user-info">我是1</div>
<div class="user-info">我是2</div>
<div class="user-info">我是3</div>
</div>
</div>
<script>
var del = documentgetElementsByClassName("del")[0];
var user = documentgetElementsByClassName("user-info");
for (let i = 0; i < userlength; i++) {
user[i]onclick = function () {
thisparentNoderemoveChild(this);
}
}
</script>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）