动态创建按钮的JavaScript代码


Posted in Javascript onJanuary 29, 2016

废话不多说了,直接给大家贴js代码了,具体代码如下所示:

<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
var i = 0;
function addInput(){
var o = document.createElement('input');
o.type = 'button';
o.value = '按钮'+ i++;
if(o.attachEvent){
o.attachEvent('onclick',addInput)
}else{
o.addEventListener('click',addInput)
}
document.body.appendChild(o);
o = null;
}
</script>
</head>
<body onload="addInput()">
</body>
</html>

以上所述是小编给大家介绍的动态创建按钮的JavaScript代码,希望对大家有所帮助。

Javascript 相关文章推荐
jquery多浏览器捕捉回车事件代码
Jun 22 Javascript
javascript一些实用技巧小结
Mar 18 Javascript
JQuery实现绚丽的横向下拉菜单
Dec 19 Javascript
jquery trigger函数执行两次的解决方法
Feb 29 Javascript
JavaScript必知必会(九)function 说起 闭包问题
Jun 08 Javascript
Angular的自定义指令以及实例
Dec 26 Javascript
js实现自定义路由
Feb 04 Javascript
jquery对象与DOM对象转化
Feb 08 Javascript
使用jquery给新生的th绑定hover事件的实例
Feb 10 Javascript
纯JS实现只能输入数字的简单代码
Jun 21 Javascript
vue项目中使用axios上传图片等文件操作
Nov 02 Javascript
详解如何使用babel进行es6文件的编译
May 29 Javascript
JavaScript数据结构与算法之栈与队列
Jan 29 #Javascript
javascript实现表单验证
Jan 29 #Javascript
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
Jan 29 #Javascript
JavaScript判断DIV内容是否为空的方法
Jan 29 #Javascript
基于javascript实现listbox左右移动
Jan 29 #Javascript
关于获取DIV内部内容报错的原因分析及解决办法
Jan 29 #Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
Jan 29 #Javascript
You might like
简单易用的计数器(数据库)
2006/10/09 PHP
基于mysql的论坛(4)
2006/10/09 PHP
CI框架中集成CKEditor编辑器的教程
2014/06/09 PHP
destoon实现调用图文新闻的方法
2014/08/21 PHP
浅谈PHP正则表达式中修饰符/i, /is, /s, /isU
2014/10/21 PHP
Zend Framework教程之Zend_Config_Xml用法分析
2016/03/23 PHP
javascript 进阶篇2 CSS XML学习
2012/03/14 Javascript
6款新颖的jQuery和CSS3进度条插件推荐
2013/03/05 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
2015/03/23 Javascript
JavaScript实现定时隐藏与显示图片的方法
2015/08/06 Javascript
iframe中子父类窗口调用JS的方法及注意事项
2015/08/25 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
2016/05/28 Javascript
ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
2016/09/06 Javascript
BootStrap栅格系统、表单样式与按钮样式源码解析
2017/01/20 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
BootStrap daterangepicker 双日历控件
2017/06/02 Javascript
vue中配置mint-ui报css错误问题的解决方法
2017/10/11 Javascript
js实现删除li标签一行内容
2019/04/16 Javascript
JavaScript前端实现压缩图片功能
2020/03/06 Javascript
[01:11:27]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Optic
2018/04/03 DOTA
python2.7的flask框架之引用js&amp;css等静态文件的实现方法
2019/08/22 Python
TensorFlow查看输入节点和输出节点名称方式
2020/01/04 Python
Meli Melo官网:名媛们钟爱的英国奢侈手包品牌
2017/04/17 全球购物
澳大利亚工具仓库:Tools Warehouse
2018/10/15 全球购物
上海微创软件面试题
2012/06/14 面试题
大学新生军训个人的自我评价
2013/10/03 职场文书
城市规划毕业生求职信
2013/10/10 职场文书
大学生的网上创业计划书
2013/12/31 职场文书
2014年党支部承诺书
2014/05/30 职场文书
学校党员个人问题整改措施思想汇报
2014/10/08 职场文书
2014年科室工作总结范文
2014/12/19 职场文书
2019年公司快递收发管理制度模板
2019/11/20 职场文书
关于maven依赖 ${xxx.version}报错问题
2022/01/18 Java/Android
Android使用EventBus发送消息,Fragment中接收消息的方法会执行多次
2022/04/24 Java/Android