动态创建按钮的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 相关文章推荐
用innerhtml提高页面打开速度的方法
Aug 02 Javascript
如何让DIV可编辑、可拖动示例代码
Sep 18 Javascript
jQuery检测滚动条是否到达底部
Dec 15 Javascript
逻辑表达式中与或非的用法详解
Jun 06 Javascript
详解JS中的快速排序与冒泡
Jan 10 Javascript
原生js实现日期计算器功能
Feb 17 Javascript
js实现延迟加载的几种方法
Apr 24 Javascript
微信小程序中吸底按钮适配iPhone X方案
Nov 29 Javascript
React从react-router路由上做登陆验证控制的方法
May 10 Javascript
微信小程序CSS3动画下拉菜单效果
Nov 04 Javascript
微信小程序点餐系统开发常见问题汇总
Aug 06 Javascript
在vue中created、mounted等方法使用小结
Jul 21 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
在IIS下安装PHP扩展的方法(超简单)
2017/04/10 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
PHP生成随机码的思路与方法实例探索
2019/04/11 PHP
jquery实现带二级菜单的导航示例
2014/04/28 Javascript
JavaScript设计模式之观察者模式(发布者-订阅者模式)
2014/09/24 Javascript
js中confirm实现执行操作前弹出确认框的方法
2014/11/01 Javascript
js中取得变量绝对值的方法
2015/01/03 Javascript
详解Bootstrap创建表单的三种格式(一)
2016/01/04 Javascript
JavaScript Date对象详解
2016/03/01 Javascript
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
2016/11/09 Javascript
详解VUE的状态控制与延时加载刷新
2017/03/27 Javascript
详解基于webpack和vue.js搭建开发环境
2017/04/05 Javascript
BootStrap Table 后台数据绑定、特殊列处理、排序功能
2017/05/27 Javascript
JavaScript使用类似break机制中断forEach循环的方法
2018/11/13 Javascript
JavaScript中工厂函数与构造函数示例详解
2019/05/06 Javascript
angular多语言配置详解
2019/05/16 Javascript
python3中dict(字典)的使用方法示例
2017/03/22 Python
利用Hyperic调用Python实现进程守护
2018/01/02 Python
详解python使用递归、尾递归、循环三种方式实现斐波那契数列
2018/01/16 Python
Python多线程中阻塞(join)与锁(Lock)使用误区解析
2018/04/27 Python
Python连接Redis的基本配置方法
2018/09/13 Python
对pandas里的loc并列条件索引的实例讲解
2018/11/15 Python
使用Python操作FTP实现上传和下载的方法
2019/04/01 Python
Python中的Socket 与 ScoketServer 通信及遇到问题解决方法
2019/04/01 Python
Python求两点之间的直线距离(2种实现方法)
2019/07/07 Python
python django中8000端口被占用的解决
2019/12/17 Python
python带参数打包exe及调用方式
2019/12/21 Python
python3让print输出不换行的方法
2020/08/24 Python
Amara德国:家居饰品、设计师品牌和豪华礼品
2019/05/20 全球购物
法律专业大学生职业生涯规划书:向目标一步步迈进
2014/09/22 职场文书
团代会闭幕词
2015/01/28 职场文书
追悼词范文大全
2015/06/23 职场文书
2019银行员工个人工作自我鉴定
2019/06/27 职场文书
如何用RabbitMQ和Swoole实现一个异步任务系统
2021/05/29 PHP
详解JSON.parse和JSON.stringify用法
2022/02/18 Javascript
Python通用验证码识别OCR库ddddocr的安装使用教程
2022/07/07 Python