Javascript显示多行

Question

我有一个看起来像这样的字符串：

const multiLine = "This is line 1\nThis is line2\nThis is line3";

如何在\n断点处以多行显示给浏览器？

Answer 1

您可以在设置css的元素上使用设置为white-space的{​​{1}} pre

＆＃13;

＆＃13;

.textContent

＆＃13;

const multiLine = "This is line 1\nThis is line2\nThis is line3";

document.querySelector("div").textContent = multiLine;

＆＃13;

div {
  white-space: pre;
}

＆＃13;

＆＃13;

＆＃13;

Answer 2

HTML并不将\n解释为换行符。您可以改为使用<br>。

一个简单的替换应该做的工作。

let multiLine = "This is line 1\nThis is line2\nThis is line3";
multiline = multiline.replace(/\n/g, '<br>');

使用正则表达式匹配查找所有匹配的属性。 /\n/与\n一样重要。 g中的/\n/g告诉它找到所有匹配的属性，以便它替换所有匹配而不仅仅是第一个。