清除div下面的所有标签的方法 |
本文标签: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; //选择第一项 } } |