Javascript:动态创建的按钮消失了吗?

标签 javascript

我是 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/

相关文章:

javascript - 获取选中的行列值extjs网格

javascript - 编辑仅存在一些文档的内部数组

javascript - 单击按钮时 D3 js 网络图上的动态节点添加/更新

javascript - Meteor - 如何仅在开发或生产中使用包

javascript - 平面图并发限制(如 bacon.js)?

javascript - 如何制作一个按钮,当您单击它时下载一个 excel 文件(phpspreadsheet)

javascript - jQuery 在按钮单击时获取最接近的表单

javascript - 将数组映射到对象数组

javascript - 使用 HTML5/Canvas/JavaScript 在浏览器中截屏

javascript - 如何检查窗口是否仍在加载并且已完成加载?