我是 Javascript 新手。我想在用户单击“创建元素”按钮时动态创建一个新按钮。该脚本创建了一个按钮,但只持续了几分之一秒。此外,未为按钮设置“值”属性。
如果行为背后有任何理论,请将我重定向到正确的 URL。
代码如下:
<html>
<head>
<script type="text/javascript">
function doSomething(){
myButton = document.createElement("button");
myButton.setAttribute("value","New Button");
document.getElementById("myForm").appendChild(myButton);
}
</script>
</head>
<body>
<form id="myForm">
<button name="myButton" id="myButtonID" onclick="doSomething()">Create Element</button>
</form>
</body>
</html>
最佳答案
A <button>
默认情况下,元素是一个提交按钮 - 因此您正在提交表单,导致页面重新加载。
你需要使用:
<button type="button" ...>...</button>
或者:
<input type="button" ...>
关于Javascript:动态创建的按钮消失了吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9735485/