从Js循环向HTML添加换行符

时间:2013-06-09 17:17:35

标签: javascript html web

我有一个简单的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>

1 个答案:

答案 0 :(得分:2)

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