javascript - 使用 javascript 将文本文本添加到 HTML DOM 并在之间插入换行符

Question

我希望这段代码的所有内容都在单独的行上，但它们都在一行上。我已经尝试过 \r 和 \n 这是前几行:

 document.write("you are an explorer, entering a dragons cavern in hopes of treasure");
 document.write("be warned, the caverns are always changing");
 document.write("...");

Answer 1

\r 和\n 用于文档中的换行符，除非您位于 <pre> 内，否则与呈现的内容(html)无关。标签或使用 css 属性 whitespace渲染文档空白。在 html 中，换行符是 <br> .

而<br>标签有时很有用，不要无故使用。例如，如果您想拆分两个段落，则可以使用如下标记:

<p>This is paragraph 1.</p>
<p>This is paragraph 2.</p>

要在它们之间留出空间，您可以使用 css 样式:

p {
  display: block;
  margin-botton: 20px;
}

在这种情况下，您应该不使用 <br>像这样的标签:

<p>This is paragraph 1.</p>
<br>
<p>This is paragraph 2.</p>

另请注意 document.write这是一种危险的做法，而且几乎没有必要。您可以使用 javascript 来创建/操作元素，而不是使用 document.write，如下所示:

var p = document.createElement('p');
p.textContent = 'This is paragraph 1.';
document.body.appendChild(p);