HTML 如何在Javascript中创建新行

在本文中，我们将介绍如何在Javascript中创建新行。

阅读更多：HTML 教程

使用HTML的
标签

HTML的<br>标签可以用于创建新行。在Javascript中，可以通过在字符串中使用<br>来创建新行。例如：

var message = "这是第一行。<br>这是第二行。";
document.getElementById("myElement").innerHTML = message;

以上代码将会在id为myElement的HTML元素中显示两行文本。

使用纯文本换行符

除了使用HTML的<br>标签外，还可以使用纯文本的换行符来创建新行。在Javascript中，可以通过使用\n来表示换行符。例如：

var message = "这是第一行。\n这是第二行。";
console.log(message);

上述代码将在控制台中输出两行文本。

此外，如果需要在页面上显示换行符，可以将文本插入到<pre>标签中，它会保留原始的空白字符和换行符。例如：

var message = "这是第一行。\n这是第二行。";
document.getElementById("myElement").innerHTML = "<pre>" + message + "</pre>";

以上代码将在id为myElement的HTML元素中以原始格式显示两行文本。

使用CSS样式

还可以使用CSS样式来创建新行。可以通过为元素添加display: block样式，使其在新行上显示。例如：

document.getElementById("myElement").style.display = "block";

总结

在Javascript中，可以通过多种方式创建新行，包括使用HTML的<br>标签、纯文本的换行符\n以及CSS样式。具体使用哪种方式取决于需求和使用场景。希望本文对你理解和使用Javascript中的换行符有所帮助！