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);

}

js动态创建html控件,通过JS动态添加html控件后,添加样式以及OnClick相关推荐

Node.js基础汇总（一）：什么是Node.js，创建最简单的Node.js应用，NPM介绍，安装express模块
目录 1. 什么是Node.js? 1.1 JavaScript是什么? 1.2 Node.js 是什么? 1.3 Node.js的原理 2. 创建最简单的Node.js应用 2.1 代码示例 2.2 ...
python动态创建类_Python中通过参数动态创建扩展类(class)
class Bar: def super_cool_function(self): print("Cool") 1.利用Python闭包动态扩展类通过在内部创建并从函数返回它来动 ...
java 动态创建实例_java – 有没有办法动态创建类(而不是实例)？
我有一个关于如何动态创建类(而不是实例)的问题. 在我的项目中,我需要根据配置文件编写几个类似的类. 例如,有一个像这样的 JSON: { { "lang": "pyth ...
TABLE 以及 CONSTRAINT(创建TABLE以及CONSTRAINT、修改TABLE结构、建表后添加CONSTRAINT、删除TABLE和CONSTRAINT)
文章目录 TABLE 以及 CONSTRAINT 创建 TABLE 以及 CONSTRAINT 修改 TABLE 结构建表后添加 CONSTRAINT 删除 TABLE 和 CONSTRAINT T ...
动态创建数据表php,PHP实现动态添加XML中数据的方法
本文实例讲述了PHP实现动态添加XML中数据的方法.分享给大家供大家参考,具体如下: 前面简单讲述了xml文档的创建,这里继续讨论xml中数据的动态添加: 一. 代码 class Message_XM ...
QT5动态创建多个按钮控件并关联信号槽函数
创建QT对话框工程,动态创建多个按钮,把动态创建的按钮存放在QList中,并关联同一个信号槽函数,在该槽函数中根据按钮对象名称各自进行其他事项处理. 在mainwindow.h文件添加 #ifndef ...
【案例分享】使用ActiveReports报表工具，在.NET MVC模式下动态创建报表
提起报表,大家会觉得即熟悉又陌生,好像常常在工作中使用,又似乎无法准确描述报表.今天我们来一起了解一下什么是报表,报表的结构.构成元素,以及为什么需要报表. 什么是报表简单的说:报表就是通过表格.图 ...
动态创建DataGrid的模版列（转）
有的时候我们需要邦定很复杂的DataGrid,我们知道DataGrid,DataList等控件都有Template列,我们可以通过动态的邦定模版列来实现,复杂逻辑的邦定.由于Page继承Templat ...
Java程序员从笨鸟到菜鸟之（八十七）跟我学jquery（三）jquery动态创建元素和常用函数示例
在上面两篇博客中列举了太多的API相信大家看着眼晕. 不过这些基础还必须要讲, 基础要扎实.其实对于这些列表大家可以跳过, 等以后用到时再回头看或者查询官方的API说明.在本博客中就给大家讲解一下这些 ...
poi动态创建文档_POI创建的文档具有不同条件的灵活样式
poi动态创建文档介绍这篇文章解释了基于各种标准将样式应用于文档的困难并提供了解决方案. Java编程中的常见任务之一是根据存储在数据库中的数据创建Excel报告. 在这些情况下,Java程序员使 ...

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

js动态创建html控件,通过JS动态添加html控件后,添加样式以及OnClick相关推荐

最新文章

热门文章