javascript - 在 <textarea> 中设置文本，包括换行符

Question

我想在 <textarea> 中设置文本来自 js 函数；我只是设置 innerText - 赋予新的值(value)。文本是多行的，应该这样显示。然而，换行符被浏览器删除，整个文本显示为一行:

document.getElementById("my_textarea1").innerText = "foo\nbar"; // displayed as "foobar"

document.getElementById("my_textarea2").innerText = "foo\
    bar"; // displayed as "foobar"

document.getElementById("my_textarea3").innerText = `foo\
    bar`; // again, "foobar"

<textarea id="my_textarea1"></textarea>
<textarea id="my_textarea2"></textarea>
<textarea id="my_textarea3"></textarea>

在 <textarea> 中设置文本时有没有办法保留换行符？ ？

Answer 1

尝试一下。我使用属性“value”或“innerHTML”或“textContent”:

var area = document.getElementById("my_textarea");
area.value = "foo\nbar";

var area_2 = document.getElementById("my_textarea_2");
area_2.innerHTML = "foo\nbar";

var area_3 = document.getElementById("my_textarea_3");
area_3.textContent = "foo\nbar";

<textarea id="my_textarea"></textarea>
<textarea id="my_textarea_2"></textarea>
<textarea id="my_textarea_3"></textarea>