javascript - 打印时转到下一行

var i = 0;
var string = "Size: test ";
var speed = 50;

function printtext() {

  if (i < string.length) {
    document.getElementById("demo").innerHTML += string.charAt(i);
    i++;
    setTimeout(printtext, speed);
  }

}

<button onclick="printtext()">Click me</button>
<div id="demo"></div>

我试图将“大小:”和“测试”分开。我希望“测试”位于下一行(下)，以便单击我的按钮时，它显示(如打字机)信息列表。

结论:我只是想找到一种进入\ n的下一行的方法。

谢谢，

内森

最佳答案

最简单的方法可能是使用<pre>元素作为目标，并使用\n换行。

这样，您甚至可以避免使用.innerHTML，而改为使用.textContent或.innerText(which one you like)。

您还可以应用一些CSS来恢复默认字体:

var i = 0;
var string = "Size:\ntest ";
var speed = 50;

function printtext() {

  if (i < string.length) {
    document.getElementById("demo").innerText += string.charAt(i);
    i++;
    setTimeout(printtext, speed);
  }

}

pre{
  font: initial
}

<button onclick="printtext()">Click me</button>
<pre id="demo"></pre>