Javascript:：textarea中的新行

在我的HTML文件中，我有以下代码片段：

<textarea class="form-control" id="textfield" rows="10"></textarea>

我希望它是：

3 * 1 = 3
3 * 2 = 6
3 * 3 = 9

等等，我该怎么做？

---

我只需要使用Javascript即可完成此操作。

在循环中，您可以指定以下值：

... .value = input1+...

这意味着您每次都会覆盖内容。您需要添加以下内容：

var content = '';
...
content += input1+...
...
document.getElementById('textfield').value = content;

注意

+=

---

不要忘记在每行后面添加

'\n'

，否则所有内容都将在一行中。

您需要将字符串连接起来，然后将它们放在文本区域中

document.getElementById("test").value += "\n 1";

您可以将字符串添加到数组中，然后在循环后连接它们，并将它们放在textarea中：

var lines = [];
for(input2i=0;input2i<20;input2i++){
  lines.push(input1+" "+"*"+" "+input2i+" "+"="+" "+input1*input2i);
}
document.getElementById('textfield').value = lines.join('\n');

var行=[]；
对于（input2i=0；input2i使用速记操作符将内容添加到文本区域

document.getElementById("test").value += "\n 1";

document.getElementById（'textfield'）。value+=
与@putvande comment一起，您需要添加一个“\n”你可以收集一个包含所有文本的字符串，并在for循环后设置一次输入值。谢谢大家。它可以工作，但仍然不完全。当我按下按钮时，它显示得很好，但当我再次按下时，相同的乘法表就放在第一个下面。我如何“删除”第一个，所以只有一个？@user3611244:只有在构建字符串时将textarea值用作字符串的临时存储时，才会出现此问题。如果使用数组或字符串变量构建字符串，则在最终将其放入textarea时，它将替换上一个值。
document.getElementById("test").value += "\n 1";