html <br/>和innerHTML问题

Question

我有一些像这样的内容

var p =  

 i myself
 Abhimanyu Singh
 Yadav

当我尝试将innerHTML插入某个div时，整个内容出现在一行中。我使用<pre>标记来避免这个问题。但需要一些合适的解决方案。

Answer 1

您可以replace使用html BR元素（<br />）的新行字符：

document.getElementById('myDiv').innerHTML = p.replace(/\n/g, '<br />');

Answer 2

var p = "i myself<br />Abhimanyu Singh<br />Yadav";

更新以使安德鲁高兴。一个更加语义化的非语义答案。