javascript -\n 不会在 javascript 中的文本之间创建新行

Question

我有一段 JavaScript 应该更新我的 HTML 中的 a:

var StringContent = ({
    "a": 'Some String a',
    "b": 'Some string b',
    "c": 'Some string c',
});

然后我希望每个字符串 a、b、c 通过以下方式显示在新行上:

document.getElementById("overlaycontent").innerHTML = (
    StringContent.a + '\n' +
    StringContent.b + '\n' +
    StringContent.c,
    )

我现在得到的只是一行中的所有内容。如何在文本中创建新行而不添加更多 div？我也尝试过 \r，但这也没有帮助。我查看了文档，但它一直说使用 \n。

Answer 1

您应该替换 \n通过<br>自 innerHTML接受一个 HTML 字符串(在 HTML 中， \n 与相邻空格合并，但不产生回车符，除非 MaxArt 指出具有 white-space:pre-wrap 样式的元素):

document.getElementById("overlaycontent").innerHTML = (
    StringContent.a + '<br>' +
    StringContent.b + '<br>' +
    StringContent.c,
)