清除div下面的所有标签的方法
时间：2020-10-15 23:16:11|栏目：JavaScript代码|点击： 次
复制代码 代码如下:
<div id="slides">
<div id="content-main" name="content-main">
<div id="a">
<img src="img/example-slide-1.jpg" alt="1">
</div>
</div>
<div id="content-main" name="content-main">
<div id="b">
<img src="img/example-slide-2.jpg" alt="1">
</div>
</div>
</div>
<input id="p" type="button" value="add" onclick="add1();"/>
<input id="p" type="button" value="add33" onclick="clear();"/>
复制代码 代码如下:
function add1(){//添加一个div content-main
var obj=document.createElement("div");
obj.id="content-main";
obj.innerHTML='<div id="c">'+
'<img src="img/example-slide-3.jpg" alt="3">'+
'</div>';
$('#slides').append(obj);
}
function clear(){//清除slides下的所有div和img
var div1=document.getElementById("slides").getElementsByTagName("div");
for(var i=0;i<div1.length;i++){
div1[i].innerHTML='';
}
}
复制代码 代码如下:
function ClearAllText(divInput){ //清空div下多有text文本框的内容，重置
var txts = document.getElementById('divInput').getElementsByTagName("input");
for(var i=0;i<txts.length;i++)
{
if(txts[i].type=="text"){
txts[i].value =""; //text 清空
}
}
var selects = document.getElementById('divInput').getElementsByTagName("select");
for(var i=0;i<selects.length;i++)
{
selects[i].options[0].selected = true; //选择第一项
}
}
