清除div下面的所有標籤的方法

清除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; //選擇第一項 

} 

}