从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/>';