在Javascript中使用循环创建HTML列表
在Javascript中使用循环创建HTML列表
提问于 2018-06-14 22:01:19
我在Javascript中有一个想要打印到屏幕上的数组，它是：(我的roj函数在这个例子中被简化了，但这并不重要)
<div class="result2"></div>
<script>
var j;
var ro = [0];
for(j=0; j <= 49; j++){
ro[j] = j;
$('.result2').html(ro[j]);
}
</script>但这不起作用，因为我认为它一直在用每个循环替换div，而不是添加到div中。有没有好的方法来实现这一点？我想你可以试试这样的东西：
<div class="result2"></div>
<script>
var j;
var ro = [0];
for(j=0; j <= 49; j++){
ro[j] = j;
if(j==0){
$('.result2').html(ro[j]);
}else{
var res = $('.result2').val();
$('.result2').html(res + ro[j]);
}
}
</script>但是这不起作用，因为您似乎不能在脚本中途调用脚本的结果？或者我只是犯了个错误，我不确定。任何帮助都是最好的！
编辑:忘记分号
回答 2
Stack Overflow用户
发布于 2018-07-03 03:52:56
列表元素(ul或ol)应该用于列表，因为它在语义上更正确：
<ul id="result2"></ul>使用es6语法，您可以将元素附加到该列表，如下所示：
const ro = [...Array(49).keys()]; // Just setting up a sample array
for (r of ro) {
let li = document.createElement('li');
li.innerHTML = r;
document.getElementById('result2').appendChild(li);
}Stack Overflow用户
发布于 2018-06-14 22:10:50
这将在屏幕上垂直放置数字。
<!DOCTYPE HTML>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<div class="result2"></div>
<script type='text/javascript'>
var ro = [];
for (var j = 0; j <= 49; j++) {
ro.push(j);
$('.result2').append(ro[j] + '<br />');
}
</script>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50859346
复制相关文章
相似问题