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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了清除div下面的所有标签的方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1209字，纯文字阅读大概需要2分钟。

内容图文

<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下面的所有标签的方法全部内容，希望文章能够帮你解决清除div下面的所有标签的方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端