0

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

  • *关于我们
  • 常问问题
  • 服务
  • 接触

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

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

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

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

常见问题
点击

我试过了

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

两者都不起作用，底部的一个完全破坏了我的代码。

请帮忙

4

1 回答 1

6

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

要真正让事物出现在不同的行上，您通常要么<br>在它们之间使用，要么使用一系列块级元素。后者可能更常见于导航。

例如：

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

实例| 资源

或者

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

实例| 资源

li同样，在导航中使用元素（通常是display: block通过 CSS 应用到它们的元素，在ul元素内部，尽管新nav元素越来越受欢迎）在导航中更常见。

于 2013-03-15T14:34:06.590 回答