清除div下面的所有标签的方法

175 阅读 0 评论 116 点赞

我是靠谱客的博主自信猎豹，最近开发中收集的这篇文章主要介绍清除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; //选择第一项 
} 
} 