Javascript document.getElementById无换行

我刚开始尝试学习javascript，遇到了一个问题。 下面的代码我希望看到我的输入框和按钮后面跟着1,2，…10。每个数字都在一个新行上。我得到的是盒子正下方的数字10。我没有看到数字1，2，…9

试验
#粘贴文本{
颜色：蓝色；
字体大小：粗体；
}
.进入{
边框：2件纯蓝；
宽度：200px；
高度：50px；
}
函数abc（）{
intext=document.getElementById（“粘贴文本”）.value；
对于（i=1；i<11；i++）{
document.getElementById（“答案”）.innerHTML=i；
}
}

您正在反复设置

innerHTML

属性。正确地完全替换以前内容的设置

您可以附加文本：

function abc(){
   var intext = document.getElementById("pastetext").value;
   var answer = document.getElementById("answer");
   answer.innerHTML = "";
   for(var i=1; i <11; i++){
       answer.innerHTML += i + " ";
   }
}

函数abc（）{
var intext=document.getElementById（“粘贴文本”）.value；
var answer=document.getElementById（“answer”）；
answer.innerHTML=“”；
对于（var i=1；我需要提前了解的一件好事是它叫JavaScript，而不是Java。如果每次覆盖
div
的
innerHTML
，为什么会看到多行？这很好，只是我希望每个数字都在它自己的行上。我尝试了“\r”而不是“，但它不起作用。@RobertG您正在创建HTML。HTML对所有空白都一视同仁（换行符就像空格）除非您对容器进行了适当的样式设置，或者您明确地添加了更多标记以强制垂直对齐。这不是JavaScript的事情，而是HTML/CSS的工作方式。我对某些事情感到困惑。For循环从1,2，…10开始，执行answer.innerHTML+=I+“”；10次，为什么要使用+=？第一次通过i=1和answer.innerHTML应该输出1，然后下一次通过2，依此类推……我认为它应该是answer.innerHTML=i+“”；@RobertG
answer.innerHTML=i；
意思是，“用
i
替换元素的全部内容。”。一个简单的赋值操作（
=
运算符）将旧值替换为新值。通过使用
+=
，可以将
i
的每个值附加到内容中。