您的位置:首页 > Web前端 > JavaScript

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

2014-10-24 10:04 711 查看
/**
* 新增标签
* @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);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: