Question

我正在开发一个div，允许用户点击单词列表

*关于我们
faq
服务
联络

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

以下是我正在使用的javascript代码示例。

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

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

常见问题解答点击

我试过

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

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

请帮助

Answer 1

当您设置innerHTML时，您正在提供 HTML 。源文本中的换行符只是HTML中的空格（想想你编写的HTML文件中的换行符）。（也就是说，除非它在pre元素中或通过CSS应用于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越来越受欢迎“更多在导航中很常见。

如何使用javascript string / n字符

1 个答案: