繁体   English   中英

从Js循环向HTML添加换行符

[英]Add line break to HTML from Js loop

我有一个简单的Js函数,该函数根据用户想要的数量生成一个随机数列表。 该函数可以正常工作,并且可以正常记录日志,但是却没有显示出我想要的样子。 我是Java语言的新手,所以我尝试使用\\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>

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM