清除標簽的方法有很多，下面有個不錯的示例可以清楚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; //選擇第一項 } }