已经在form内动态添加了一个div,该div中包含一个button,我希望点击button之后,这个div中动态添加一个text。但是点击完button之后,页面就自动刷新所有元素消失不见?请问各位大神是什么原因??
代码如下:
function add(){
var form = document.getElementById("form");
var div = document.createElement("div");
div.style.border = "1px #CCC";
div.style.borderStyle = "dashed";
div.style.width = "200px";
div.style.height = "200px";
var button = document.createElement("button");
button.innerHTML = "再添加";
button.addEventListener(onclick, function() {
var text = document.createElement("input");
text.type = "text";
div.appendChild(text);
})
div.appendChild(button);
form.appendChild(div);
function add(){
var form = document.getElementById("form");
var div = document.createElement("div");
div.style.border = "1px #CCC";
div.style.borderStyle = "dashed";
div.style.width = "200px";
div.style.height = "200px";
form.appendChild(div);
var button = document.createElement("input");
button.type = "button"
button.value = "再添加";
button.addEventListener("click",function(){
var text = document.createElement("input");
text.type = "text";
div.appendChild(text);
})
div.appendChild(button);
form.appendChild(div);
}
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。