动态创建按钮的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中form验证出错信息的查看方法
Oct 08 Javascript
详解Javascript模板引擎mustache.js
Jan 20 Javascript
node.js实现端口转发
Apr 14 Javascript
Javascript之BOM(window对象)详解
May 25 Javascript
javascript基础语法——全面理解变量和标识符
Jun 02 Javascript
javascript 小数乘法结果错误的处理方法
Jul 28 Javascript
js实现文字选中分享功能
Jan 25 Javascript
babel基本使用详解
Feb 17 Javascript
详解JavaScript对象的深浅复制
Mar 30 Javascript
jQuery Layer弹出层传值到父页面的实现代码
Aug 17 jQuery
JS 验证码功能的三种实现方式
Nov 26 Javascript
使用rollup打包JS的方法步骤
Dec 05 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新手上路(六)
2006/10/09 PHP
php实现按指定大小等比缩放生成上传图片缩略图的方法
2014/12/15 PHP
屏蔽PHP默认设置中的Notice警告的方法
2016/05/20 PHP
php微信公众平台开发(一) 配置接口
2016/12/06 PHP
jquery 屏蔽一个区域内的所有元素,禁止输入
2009/10/22 Javascript
jquery中的mouseleave和mouseout的区别 模仿下拉框效果
2012/02/07 Javascript
JS 毫秒转时间示例代码
2013/09/22 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
2015/09/14 Javascript
jQuery EasyUI 布局之动态添加tabs标签页
2015/11/18 Javascript
javascript数据结构之二叉搜索树实现方法
2015/11/25 Javascript
简单理解js的prototype属性及使用
2016/12/07 Javascript
JS触摸与手势事件详解
2017/05/09 Javascript
带你快速理解javascript中的事件模型
2017/08/14 Javascript
Vue Cli与BootStrap结合实现表格分页功能
2017/08/18 Javascript
jQuery实现base64前台加密解密功能详解
2017/08/29 jQuery
深入浅析vue组件间事件传递
2017/12/29 Javascript
JavaScript实现简单的文本逐字打印效果示例
2018/04/12 Javascript
JS数组去重常用方法实例小结【4种方法】
2018/05/28 Javascript
Python读写及备份oracle数据库操作示例
2018/05/17 Python
Django使用详解:ORM 的反向查找(related_name)
2018/05/30 Python
Python实现计算字符串中出现次数最多的字符示例
2019/01/21 Python
提升Python效率之使用循环机制代替递归函数
2019/07/23 Python
Windows平台Python编程必会模块之pywin32介绍
2019/10/01 Python
tensorflow之获取tensor的shape作为max_pool的ksize实例
2020/01/04 Python
python实现简单的井字棋游戏(gui界面)
2021/01/22 Python
CSS3 box-shadow属性实例详解
2020/06/19 HTML / CSS
JACK & JONES瑞典官方网站:杰克琼斯欧式风格男装
2017/12/23 全球购物
StubHub澳大利亚:购买或出售您的门票
2019/08/01 全球购物
雷蛇美国官网:Razer
2020/04/03 全球购物
PHP使用Redis队列执行定时任务实例讲解
2021/03/24 PHP
预备党员政审材料
2014/02/04 职场文书
连锁酒店店长职责范本
2014/02/13 职场文书
退休职工欢送会致辞
2015/08/01 职场文书
会计做账心得体会
2016/01/22 职场文书
高一作文之乐趣
2019/11/21 职场文书
java设计模式--建造者模式详解
2021/07/21 Java/Android