Question

在提交表单时，我试图通过javascript向我的dom / html /网站添加一个段落（我是html和js的新手）。这就是我到目前为止所做的：

document.addEventListener('DOMContentLoaded',function()
{
    var form = document.getElementById("form");
    form.addEventListener("submit", add, false);
});

function add(e)
{
    var para = document.createElement("p");
    var newText = document.createTextNode("new text");
    para.appendChild(newText);

    document.documentElement.lastChild.appendChild(para);
}

该段落似乎已添加，我可以看到＆＃34;新文字＆＃34;当我点击提交按钮时，它会立即消失。

Answer 1

这里有几点，

您的提交按钮会导致页面重新加载，这意味着您的网页已有效重置为刚刚加载的状态，请致电e.preventDefault()以阻止其发生。
<p>元素不应该是非<body>标记的后代，并且您无法始终保证.lastChild的{{1}}将是<html>。最好使用<body>。

appendChild表单上的新段落提交不起作用

1 个答案: