1. 程式人生 > >通過JS動態新增html控制元件後,新增樣式以及OnClick

通過JS動態新增html控制元件後,新增樣式以及OnClick

/**
 * 新增標籤
 * @param count
 */
function addLabel(count){
   var image_id_obj = document.getElementById("image_id_"+count);
   
   var div = document.createElement("div");
   	   div.id="image_id_"+count;
   	   
   	
   //建立file
   var inputText = document.createElement("input");
   inputText.type = "file";
   inputText.name = "q1lqzp_"+count;
   inputText.id = "q1lqzp_"+count;
   
   
   
   //建立上傳按鈕
   var btn = document.createElement("input");
   btn.type = "button";
   btn.value = "上傳";
   btn.id = "upload_btn_"+count;
   btn.onclick = function(){
	   upload('q1lqzp_'+count,this);
   };
   
   //建立取消按鈕
   var btn_close = document.createElement("input");
   btn_close.type = "button";
   btn_close.value = "取消";
   btn_close.id = "close_btn_"+count;
   btn_close.style.cssText="display: none;";
   btn_close.onclick = function(){
       
   };  
   var img = document.createElement("img");
     img.id = "tp_"+count;
    //新增css樣式
    img.style.cssText="display: none;";
   
   
   div.appendChild(inputText);
   div.appendChild(btn);
   div.appendChild(btn_close);
   
   div.appendChild(img);
//   div.innerHTML=img;
   //往上一個div新增新建立的div
   $("#image_id_"+parseInt(parseInt(count)-1)).after(div);
}