动态创建按钮的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 相关文章推荐
js图片闪动特效可以控制间隔时间如几分钟闪动一下
Aug 12 Javascript
省市联动效果的简单实现代码(推荐)
Jun 06 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
Nov 01 Javascript
JavaScript数组操作详解
Feb 04 Javascript
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
Mar 01 Javascript
vue左侧菜单,树形图递归实现代码
Aug 24 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
Apr 04 Javascript
vue路由守卫+登录态管理实例分析
May 21 Javascript
vue 授权获取微信openId操作
Nov 13 Javascript
JavaScript分页组件使用方法详解
Jul 26 Javascript
javascript实现计算器功能详解流程
Nov 01 Javascript
输入框跟随文字内容适配宽实现示例
Aug 14 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中全局变量global的使用演示代码
2011/05/18 PHP
php排序算法(冒泡排序,快速排序)
2012/10/09 PHP
无需重新编译php加入ftp扩展的解决方法
2013/02/07 PHP
php生成短域名函数
2015/03/23 PHP
详解php中 === 的使用
2016/10/24 PHP
PHP基于ICU扩展intl快速实现汉字转拼音及按拼音首字母分组排序的方法
2017/05/03 PHP
php基于SQLite实现的分页功能示例
2017/06/21 PHP
PHP simplexml_load_file()函数讲解
2019/02/03 PHP
php实现的表单验证类完整示例
2019/08/13 PHP
Laravel 实现在Blade模版中使用全局变量代替路径的例子
2019/10/22 PHP
代码精简的可以实现元素圆角的js函数
2007/07/21 Javascript
让IE6支持min-width和max-width的方法
2010/06/25 Javascript
js实现简单的星级选择器提交效果适用于评论等
2013/10/18 Javascript
使用jquery实现仿百度自动补全特效
2015/07/23 Javascript
微信小程序  生命周期详解
2016/10/27 Javascript
js编写三级联动简单案例
2016/12/21 Javascript
完美解决浏览器跨域的几种方法(汇总)
2017/05/08 Javascript
js针对图片加载失败的处理方法分析
2019/08/24 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
2020/10/30 Javascript
[45:16]完美世界DOTA2联赛循环赛 IO vs FTD BO2第二场 11.05
2020/11/06 DOTA
Python实现二叉堆
2016/02/03 Python
Python文本相似性计算之编辑距离详解
2016/11/28 Python
对TensorFlow的assign赋值用法详解
2018/07/30 Python
python实现简易学生信息管理系统
2020/04/05 Python
python实现高斯投影正反算方式
2020/01/17 Python
tensorflow 查看梯度方式
2020/02/04 Python
python 实现任务管理清单案例
2020/04/25 Python
Python导入数值型Excel数据并生成矩阵操作
2020/06/09 Python
Python中zipfile压缩文件模块的基本使用教程
2020/06/14 Python
python 解决函数返回return的问题
2020/12/05 Python
俄罗斯香水和化妆品购物网站:Л’Этуаль
2018/05/10 全球购物
北美最大的手工艺品零售商之一:Michaels Stores
2019/02/27 全球购物
linux面试题参考答案(4)
2014/09/21 面试题
在Ajax应用中信息是如何在浏览器和服务器之间传递的
2016/05/31 面试题
高一物理教学反思
2014/01/24 职场文书
Python测试框架pytest核心库pluggy详解
2022/08/05 Golang