清除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; //选择第一项 }}