我有以下代码。如何让数组的内容出现在按钮上?数组的内容为 0、1、2、3、4、5。我希望垂直对齐的按钮如下所示:
0
1
2
3
4
5
var family = [0, 1, 2, 3, 4, 5];
console.log(family);
for (var prop in family) {
document.getElementById('aaron-family').innerHTML += '<div class=col> <button type="button" class="list-group-item"' + prop + '</button></div>';
console.log(prop);
}
button {
width: 200px;
height: 200px;
}
<div class="container">
<div class="row">
<ul id="aaron-family">
<div class="list-group"></div>
</ul>
<div class="col">
1 of 3
</div>
<div class="col">
j 1 of 3
</div>
</div>
</div>
最佳答案
现在工作正常。
您的代码运行良好,您只是忘记关闭 <button>
附加 HTML 上的标记。
var family = [0, 1, 2, 3, 4, 5];
for (var prop in family) {
document.getElementById('aaron-family').innerHTML += '<div class=col> <button type="button" class="list-group-item">' + prop + '</button></div>';
}
button {
width: 200px;
height: 200px;
}
<html>
<body>
<div class="container">
<div class="row">
<ul id="aaron-family">
<div class="list-group">
</div>
</ul>
<div class="col">
1 of 3
</div>
<div class="col">j 1 of 3
</div>
</div>
</div>
</body>
</html>
希望对您有所帮助。如果还有其他问题,请随时询问。
关于javascript - 在按钮中显示 javascript 数组的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46424177/