编程 Javascript

动态创建按钮的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代码

- Author -

mrr

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js函数参数设置默认值的一种变通实现方法

May 26 Javascript

50 个 jQuery 插件可将你的网站带到另外一个高度

Apr 26 Javascript

JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴

Oct 28 Javascript

js实现倒计时及时间对象

Nov 15 Javascript

javascript实现多张图片左右无缝滚动效果

Mar 22 Javascript

jQuery实现div跟随鼠标移动

Aug 20 jQuery

JavaScript实现的搜索及高亮显示功能示例

Aug 14 Javascript

详解vue.js下引入百度地图jsApi的两种方法

Jul 27 Javascript

vue项目实现表单登录页保存账号和密码到cookie功能

Aug 31 Javascript

vuejs实现折叠面板展开收缩动画效果

Sep 06 Javascript

手把手教你 CKEDITOR 4 实现Dialog 内嵌 IFrame操作详解

Jun 18 Javascript

jQuery操作动画完整实例分析

Jan 10 jQuery

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