通过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); }
相关文章推荐
- js实现html节点、CSS样式、事件的动态添加以及html覆盖层的添加
- Js脚本:动态添加HTML自定义属性以及处理html元素的自定义属性(兼容Firefox和IE)
- JS动态添加HTML自定义属性以及处理HTML元素的自定义属性(兼容FIREFOX和IE)
- 如何通过JS,在html网页上进行添加元素,包括div 以及下拉框等
- Js脚本:动态添加HTML自定义属性以及处理html元素的自定义属性(兼容Firefox和IE)
- 通过自定义属性添加样式(css+js,动态判断背景颜色)
- 动态添加的HTML控件和获得值
- html,html服务器控件,asp。net服务器控件 区别,以及 onclick ,onserverclick ,onclientclick 事件....
- JS 脚本动态给控件添加事件
- C#动态生成控件以及添加事件处理
- 有关insertAdjacentHTML动态插入行,利用js在客户端插入控件
- 利用JS动态创建html控件并在后台实现取值
- 关于Html动态添加上传文件控件inputFile(附件)及清除已选择的文件的几个方法
- C# winform 动态添加控件 以及 事件
- JS动态添加删除控件
- C#动态生成控件以及添加事件处理
- JS动态添加删除控件
- JS脚本动态给控件添加事件
- HTML 动态添加控件
- js 对表格的动态操作(动态添加行,删除该行,在指定位置添加控件)