现在的位置: 首页 > 综合 > 正文

通过JS动态添加html控件后,添加样式以及OnClick

2018年01月27日 ⁄ 综合 ⁄ 共 953字 ⁄ 字号 评论关闭
/**
 * 新增标签
 * @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);
}

抱歉!评论已关闭.