javascript - 使用 HTML DOM 将元素附加到新行中的文本框

Question

假设我有文本框:-

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

我正在尝试通过以下方式将文本附加到此输入框:-

document.getElementById("content").value+= "A";

输出类似于:-

AAAA....

每次，文本都附加在同一行中，如何使文本每次都附加到新行？就像下面的那样。

A
A
A
.
.

Answer 1

您可以使用文本区域，然后将其样式设置为看起来像文本框，而不是输入类型文本。

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

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

JSFiddle:https://jsfiddle.net/sx7t3ykc/