如何使用JavaScript字符串/ n字符

Question

我在一个div上工作，这将允许用户话

• 列表*上单击关于我们
• 常见问题
• 服务
• 联系人

在位于这些词旁边的div中，内容将使用javascript字符串替换进行更改。我遇到的问题是使用文字转义字符将这些段落的字符串放在新行上。

这里是我使用的JavaScript代码的一个例子。

else if(x == "faqButton"){ 
    //alert("FAQ Button"); 
    document.getElementById('informationContent').innerHTML ="FAQ Click"; 
} 

一旦我弄清楚如何正确地格式化文本，内容'常见问题点击'将最终被替换。 显然这不是整个代码，但我只需要一个例子来解决其余的问题。如何将我放在下一行“点击”，所以在新的div，将它放在像

FAQ
点击

我用尽

document.getElementById('informationContent').innerHTML ="FAQ /n Click"; 
document.getElementById('informationContent').innerHTML ="FAQ" + /n + "Click"; 

无论是一个工作和底部一个完全破坏了我的代码。

请帮助

Answer 1

当您设置innerHTML，你提供HTML。源文本中的换行符只是HTML中的空白符号（请考虑您编写的HTML文件中的换行符）。 （也就是说，除非它在通过CSS应用了pre元素或white-space: pre或相似的元素。）

要真正有事情出现在不同的线路，你通常是他们之间使用<br>，或使用一系列块级元素。后者可能更常用于导航。

因此，例如：

this.innerHTML = "FAQ<br>Index"; 

Live Example | Source

或者

this.innerHTML = "<div>FAQ</div><div>Index</div>"; 

Live Example | Source

再次，使用元素（典型地li元件与display: block通过CSS施加到它们中，ul元件内部，虽然新nav element逐渐流行）的导航更为常见。