清除div下面的所有标签

来源:互联网 发布:通信工程和java 编辑:程序博客网 时间:2024/05/16 01:41
 <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;  //选择第一项    }}