js动态创建html控件,通过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);

}