如何使用javascript string/n字符

Question

我正在研究一个允许用户点击单词列表的div

• *关于我们
• 常问问题
• 服务
• 联系

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

这是我正在使用的javascript代码的示例.

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

一旦我弄清楚如何正确格式化文本,内容'faq click'将最终被替换.显然这不是整个代码,但我只需要一个例子来解决其余问题.我如何在下一行放置'click',所以在新的div中,它会被放置为

FAQ
点击

我试过了

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

两个都没有工作,底部的一个完全破坏了我的代码.

请帮忙

Answer 1

设置时innerHTML,您将提供HTML.源文本中的换行符只是HTML中的空格(想想你编写的HTML文件中的换行符).(也就是说,除非它在一个pre元素或white-space: pre通过CSS应用于它的任何元素或类似的元素.)

要实际让事物出现在不同的行上,通常要么<br>在它们之间使用,要么使用一系列块级元素.后者可能更常用于导航.

例如:

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

实例 | 资源

要么

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

实例 | 资源

同样,使用元素(通常是通过CSS应用于li元素的元素display: block,在ul元素内部,尽管新nav元素越来越受欢迎)在导航中更常见.