在innerHTML中断行 - javascript

Question

我有一个名为box的div，我想用javascript改变它的内容。

document.getElementById("box").innerHTML = 'This is a sentence';

但我希望它看起来像

This is

a sentence

我试过

document.getElementById("box").innerHTML = 'This is\ a sentence';

和

document.getElementById("box").innerHTML = 'This is\na sentence';

但它们都不起作用。

Answer 1

您需要document.getElementById("box").innerHTML = 'This is<br/>a sentence';

Answer 2

试

document.getElementById("box").innerHTML = 'This is<br> a sentence';

Answer 3

使用

    document.getElementById("box").innerHTML = 'This is<br> a sentence';

Answer 4

使用此选项可在两部分之间留空1行：

document.getElementById("box").innerHTML = 'This is<br/><br/>a sentence';

Answer 5

HTML在渲染文本时不会考虑换行符（\ n）。而是使用HTML来分解文本，例如<br/>标记：

document.getElementById("box").innerHTML = 'This is<br/> a sentence';