javascript createElement/appendchild -- 单击后新文本消失

Question

我有一个 javascript 方法，可以在单击时创建一堆元素。当我通过按钮调用它时，它仅在单击期间保留在屏幕上。然而，当我在控制台中输入完全相同的代码时，它会保留在页面上，直到我重新加载或导航离开(这正是我想要的)。

JavaScript代码:(这是js文件中唯一的方法)

function post() {
var postTitle = document.createElement('h3');
var nodeTitle = document.createTextNode('Immigration is good.');
postTitle.appendChild(nodeTitle);
etc....

我在 html 中调用它的位置:

<input type="submit" id="post-button" value="Post" onclick="post()">

脚本标签位于 html 页面的页眉中。

如何让它在点击持续时间后保留在页面上？知道为什么它会立即被删除吗？

Answer 1

您仍然需要取消表单的提交。来自 post 的 return false;(如果存在)将不起作用，因为 onclick 属性正在调用 post() 但不会返回任何内容。

您可以将其更改为 onclick="return post();"，但最好直接将处理程序附加到 submit 事件表单而不是按钮的 click 事件(人们有时确实使用 Enter!):

document.getElementById('some-form').onclick = post;