[英]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.