<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
input{
margin:20px;
}
</style>
</head>
<body>
<input type="button" id="Button1" value="测试" onclick="addInput()">
<hr>
<script>
var i =0;
function addInput() {
//使用dom创建元素的方法
var o = document.createElement("input");
o.type = "button";
o.value = "button" + i++;
//绑定事件
o.addEventListener("click",addInput);
document.body.appendChild(o);
/*及时解除不再使用的变量引用，
即将值赋值为null，
有利于提高代码的运行效率
*/
o = null;
}
</script>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<me
阅读背景：
Javascript学习：案例2--动态创建元素（并且每一个新元素都带有相同的事件）
来源：互联网
分享到：
