innerHTML不'；不要永久添加HTML元素
我试图理解下面代码中innerHTML不'；不要永久添加HTML元素,html,innerhtml,appendchild,Html,Innerhtml,Appendchild,我试图理解下面代码中innerHTML的行为。每次按下按钮时，我都想永久性地添加一个新的div块，但新块似乎只在瞬间弹出，然后消失 有人知道为什么会这样，以及如何解决吗 另外，当我将代码更改为使用appendChild而不是innerHTML时，我会收到一个错误，即Node.appendChild的参数1不是对象。。我不知道这是什么意思 非常感谢您的帮助 代码如下： <DOCTYPE html> <html> <body> <fo
innerHTMLdivappendChildinnerHTML参数1不是对象。<DOCTYPE html>
<html>
<body>
<form onSubmit="loadData()">
<input type="submit" id="button">
</form>
<div id="block">List of items:</div>
<script>
function loadData(){
document.getElementById("block").innerHTML += "<div>item</div>";
// document.getElementById("block").appendChild("<div>item</div>");
};
</script>
</body>
</html>
项目清单：
函数loadData（）{
document.getElementById（“块”）.innerHTML+=“项”；
//document.getElementById（“块”）.appendChild（“项”）；
};
函数addItem（）
{
document.getElementById（“块”）.innerHTML+=“项”；
}
项目清单：
函数addItem（）
{
document.getElementById（“块”）.innerHTML+=“项”；
}
项目清单：
appendChild不适用于您的原因是appendChild需要一个dom节点作为参数，而不是字符串。它类似于
document.getElementById（“foo”）.appendChild（document.createElement（“div”））appendChild不适用于您的原因是appendChild需要一个dom节点作为参数，而不是字符串。它类似于
document.getElementById（“foo”）.appendChild（document.createElement（“div”）var mydiv = document.createElement("div");
mydiv.appendChild(document.createTextNode("item"));
document.getElementById("block").appendChild(mydiv);
以获得您要求的结果。您的第一个问题已由@lee回答。 您的第二个答案的问题是，您不能像以前那样使用appendChild。如果您想使用append child，根据，您必须执行以下操作：
var mydiv = document.createElement("div");
mydiv.appendChild(document.createTextNode("item"));
document.getElementById("block").appendChild(mydiv);
以获得您要求的结果。您使用的是一个提交按钮，它会导致重新加载。使用常规按钮，您不会遇到此问题。因此，我将输入标记替换为此
submit提交