javascript - 从 Js 循环向 HTML 添加换行符

Question

我有一个简单的 Js 函数，它根据用户想要的数量生成随机数列表。该功能工作正常，记录正常，但它没有像我想要的那样显示。我是 Javascript 新手，所以我尝试使用\n转义字符，但它没有做任何事情。任何帮助，将不胜感激。

function generateIDs() 
{

var num = document.getElementById('numberToGenerate').value;
var par = document.getElementById('numbers');
var button = document.getElementById('genButton');
button.disabled = true;

for (var x=0;x<num;x++) 
{

var id = Math.floor((Math.random()*10000)+1);
par.innerHTML = id;


}


    <form>
Auto-Generate <input type="text" name="number" id="numberToGenerate"/> IDs.
<button type="button" onclick="generateIDs()" id="genButton">Go!</button>
</form>

<p id="numbers">

</p>

Answer 1

\n对浏览器来说意义不大；改为使用<br/>。

例子：

// snip
for (var x=0;x<num;x++) 
{
    var id = Math.floor((Math.random()*10000)+1);
    par.innerHTML = id.toString() + '<br/>';       
}
//snip

请注意，这将覆盖每次迭代的先前值。你可能想要这个：

par.innerHTML += id.toString() + '<br/>';