动态创建按钮的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 相关文章推荐
JavaScript 申明函数的三种方法 每个函数就是一个对象(一)
Dec 04 Javascript
将json当数据库一样操作的javascript lib
Oct 28 Javascript
AngularJS实现表单手动验证和表单自动验证
Dec 09 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
Jan 18 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
Sep 04 Javascript
JavaScript中push(),join() 函数 实例详解
Sep 06 Javascript
基于jQuery实现弹幕APP
Feb 10 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
Mar 02 Javascript
javascript 玩转Date对象(实例讲解)
Jul 11 Javascript
vue实现日历备忘录功能
Sep 24 Javascript
小程序中英文混合排序问题解决
Aug 02 Javascript
解决Nuxt使用axios跨域问题
Jul 06 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之数据库操作详解及乱码解决!
2007/01/02 PHP
DW中链接mysql数据库时,建立字符集中文出现乱码的解决方法
2010/03/27 PHP
Windows下XDebug 手工配置与使用说明
2010/07/11 PHP
php调用nginx的mod_zip模块打包ZIP文件
2014/06/11 PHP
PHP读取汉字的点阵数据
2015/06/22 PHP
PHP AjaxForm提交图片上传并显示图片源码
2016/11/29 PHP
php 一维数组的循环遍历实现代码
2017/04/10 PHP
Javascript var变量隐式声明方法
2009/10/19 Javascript
jquery关于页面焦点的定位(文本框获取焦点时改变样式 )
2010/09/10 Javascript
nodejs之请求路由概述
2014/07/05 NodeJs
jQuery响应鼠标事件并隐藏与显示input默认值
2014/08/24 Javascript
JQuery中的html()、text()、val()区别示例介绍
2014/09/01 Javascript
AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录
2015/01/02 Javascript
jQuery给指定的table动态添加删除行的操作方法
2016/10/12 Javascript
AngularJS控制器controller给模型数据赋初始值的方法
2017/01/04 Javascript
用jquery的attr方法实现图片切换效果
2017/02/05 Javascript
Vue组件化通讯的实例代码
2017/06/23 Javascript
深入浅析JavaScript中的RegExp对象
2017/09/18 Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
2018/09/25 Javascript
js实现时分秒倒计时
2019/12/03 Javascript
Vue3配置axios跨域实现过程解析
2020/11/25 Vue.js
Python+OpenCV+pyQt5录制双目摄像头视频的实例
2019/06/28 Python
python爬虫 正则表达式解析
2019/09/28 Python
使用OpenCV-python3实现滑动条更新图像的Canny边缘检测功能
2019/12/12 Python
新年福利来一波之Python轻松集齐五福(demo)
2020/01/20 Python
Python同时迭代多个序列的方法
2020/07/28 Python
python音频处理的示例详解
2020/12/23 Python
POS解决方案:MUNBYN(热敏打印机、条形码扫描仪)
2020/06/09 全球购物
彩妆大赛策划方案
2014/05/13 职场文书
护理见习报告范文
2014/11/03 职场文书
仓库管理制度范本
2015/08/04 职场文书
MySQL之高可用集群部署及故障切换实现
2021/04/22 MySQL
python flask开发的简单基金查询工具
2021/06/02 Python
5种 JavaScript 方式实现数组扁平化
2021/10/05 Javascript
CSS作用域(样式分割)的使用汇总
2021/11/07 HTML / CSS
24年收藏2000多部退役军用电台
2022/02/18 无线电