首页 / 脚本样式 / JavaScript / 清除div下面的所有标签的方法

复制代码 代码如下:
<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; //选择第一项
}
}