萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 清除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; //選擇第一項  }  }   
copyright © 萬盛學電腦網 all rights reserved