学步园

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