动态创建按钮的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学习总结(超级详细)
Sep 04 Javascript
jquery 表单验证之通过 class验证表单不为空
Nov 02 Javascript
jQuery+Ajax实现无刷新操作
Jan 04 Javascript
jQuery简单获取DIV和A标签元素位置的方法
Feb 07 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
Mar 11 Javascript
vue2 自定义动态组件所遇到的问题
Jun 08 Javascript
node中间层实现文件上传功能
Jun 11 Javascript
js实现各浏览器全屏代码实例
Jul 03 Javascript
vue使用laydate时间插件的方法
Nov 14 Javascript
vue+Element实现搜索关键字高亮功能
May 28 Javascript
JS中超越现实的匿名函数用法实例分析
Jun 21 Javascript
vue-cli3 热更新配置操作
Sep 18 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
php include,include_once,require,require_once
2008/09/05 PHP
php获取当前网址url并替换参数或网址的方法
2010/06/06 PHP
PHP模板引擎Smarty的缓存使用总结
2014/04/24 PHP
php使用wordwrap格式化文本段落的方法
2015/03/17 PHP
php+js实现裁剪任意形状图片
2018/10/31 PHP
Laravel如何创建服务器提供者实例代码
2019/04/15 PHP
PHP Swoole异步读取、写入文件操作示例
2019/10/24 PHP
js中cookie的使用详细分析
2008/05/28 Javascript
Js 弹出框口并返回值的两种常用方法
2010/12/30 Javascript
JS模拟面向对象全解(二、类型与赋值)
2011/07/13 Javascript
javascript同页面多次调用弹出层具体实例代码
2013/08/16 Javascript
jquery选择器、属性设置用法经验总结
2013/09/08 Javascript
jQuery使用before()和after()在元素前后添加内容的方法
2015/03/26 Javascript
使用Curl命令查看请求响应时间方法
2016/11/04 Javascript
Angular JS 生成动态二维码的方法
2017/02/23 Javascript
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
2017/04/10 jQuery
VScode格式化ESlint方法(最全最好用方法)
2019/09/10 Javascript
vue-router之实现导航切换过渡动画效果
2019/10/31 Javascript
javascript操作元素的常见方法小结
2019/11/13 Javascript
python端口扫描系统实现方法
2014/11/19 Python
django实现同一个ip十分钟内只能注册一次的实例
2017/11/03 Python
Python实现从log日志中提取ip的方法【正则提取】
2018/03/31 Python
python3模块smtplib实现发送邮件功能
2018/05/22 Python
python实现梯度下降算法
2020/03/24 Python
Python爬取知乎图片代码实现解析
2019/09/17 Python
Python+Redis实现布隆过滤器
2019/12/08 Python
工程师必须了解的LRU缓存淘汰算法以及python实现过程
2020/10/15 Python
基于python模拟bfs和dfs代码实例
2020/11/19 Python
Unineed中文官网:高端护肤美妆与时尚配饰,英国直邮
2020/07/23 全球购物
你们项目是如何进行变更控制的
2015/08/26 面试题
英语翻译系毕业生求职信
2013/09/29 职场文书
教学大赛获奖感言
2014/01/15 职场文书
护理专业学生职业生涯规划范文
2014/03/11 职场文书
开业庆典主持词
2014/03/21 职场文书
总结Python变量的相关知识
2021/06/28 Python
关于ObjectUtils.isEmpty() 和 null 的区别
2022/02/28 Java/Android