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

Question

我想在<textarea>js 函数中设置文本；我只是将innerText-attribute设置为一个新值。文本是多行的，应该这样显示。但是，浏览器会删除换行符，并且整个文本显示为一行：

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>

在 a 中设置文本时有没有办法保留换行符<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>