A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 源码技巧 > 父类数据 > 清除div下面的所有标签的方法

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

时间:2014-02-18 11:29作者:qazwsxzxc人气:97

 清除标签的方法有很多,下面有个不错的示例可以清楚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; //选择第一项 

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

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号