通過JS動態新增html控制元件後,新增樣式以及OnClick
阿新 • • 發佈:2019-02-08
/** * 新增標籤 * @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); }