如何使用javascript innerHTML在下一行写入

Question

这是我的代码：

document.getElementById("customerInfoLabel").innerHTML = "Trip Type: " + gettriptype + "\n Leaving From: " + getdeparture;

我想要这样的事情：

Trip Type: One Way
Leaving From: Melbourne

目前给我的是：

Trip Type: One Way Leaving From: Melbourne

Answer 1

尝试使用<br/>

document.getElementById("customerInfoLabel").innerHTML = "Trip Type: " + gettriptype + "<br/> Leaving From: " + getdeparture;

Answer 2

您可以在互联网上查找。

两种选择：

• 使用<br>标记代替\ n

• 使用样式：

  #customerInfoLabel {
      whitespace: pre;
  }
  

了解html上的空白行为。 developer.mozilla.org是一个很好的资源。

Answer 3

正如其他人所说，使用br而不是/ n 工作JSFiddle

document.getElementById("customerInfoLabel").innerHTML = "Trip Type: " + gettriptype + "<br>Leaving From: " + getdeparture;