Javascript 使用HTMLDOM将元素附加到新行中的文本框中

假设我有文本框：-

<input type="text" name="content"  id="content"/>

输出类似于：-

AAAA....

每次文本都被追加到同一行，如何使文本每次追加到新行？就像下面的那个

A
A
A
.
.

---

输入文本框将支持一行。不是多行。这就是它的行为。这就是为什么文本显示在一行中

---

如果需要多行，则需要使用

元素而不是输入类型的文本，可以使用文本区域，然后将其样式设置为文本框

<textarea name="textarea_content" id="tx_content"></textarea>

document.getElementById("tx_content").value+= "A\n";
document.getElementById("tx_content").value+= "A\n";

document.getElementById（“tx_内容”）.value+=“A\n”；
document.getElementById（“tx_内容”）.value+=“A\n”；

---

jsIDLE:

输入

用于单行。尝试使用

textarea

请参阅下面的代码：

<textarea type="text" name="content"  id="content">
</textarea>

---

我给你举了一个例子，每5秒添加一个新的“a”字符。我使用textarea而不是input标记

setInterval（appendNewChar，5000）
函数appendNewChar（）
{
document.getElementById（“myTextArea”）.value+=“A\n”；
}

---

正如@GuyFromChennai所说，您必须使用标记，而不是写“\n”会使行中断，我尝试了以下方法：

<textarea name="content"  id="content"></textarea>

for (let i=0; i<3; i++){
   document.getElementById("content").value+= "A\n"";
}

对于（设i=0；i您可能希望改用文本区域。在输入类型文本中，没有下一行。
document.getElementById("content").value+= "A\n";

<textarea name="content"  id="content"></textarea>

for (let i=0; i<3; i++){
   document.getElementById("content").value+= "A\n"";
}