动态创建按钮的JavaScript代码
更新时间:2016年01月29日 10:54:09 投稿:mrr
本文给大家分享一段JS实例代码介绍动态创建按钮的方法,需要的朋友参考下本文
废话不多说了,直接给大家贴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代码,希望对大家有所帮助。
相关文章
基于BootStrap multiselect.js实现的下拉框联动效果
当option特别多时,一般的下拉框选择起来就有点力不从心了,所以使用multiselect是个很好的选择。在网上找了半天找到了解决方案,具体实现代码大家参考下本文吧2017-07-07
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
小时候我们玩过拼图游戏,是用自己的手去拼的。今天我们来研究研究用javascript来拼图感兴趣的朋友可以了解下,希望本文对你有所帮助2013-01-01
可视化埋点平台元素曝光采集intersectionObserver思路实践
这篇文章主要为大家介绍了可视化埋点平台元素曝光采集的思路—intersectionObserver的实战经验详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-01-01


最新评论