在按钮中显示javascript数组的内容
我有以下代码。如何使数组的内容显示在按钮上?数组的内容为0,1,2,3,4,5。我希望垂直对齐的按钮如下所示: 0在按钮中显示javascript数组的内容,javascript,html,css,Javascript,Html,Css,我有以下代码。如何使数组的内容显示在按钮上?数组的内容为0,1,2,3,4,5。我希望垂直对齐的按钮如下所示: 0 1 2 3 4 五, var家族=[0,1,2,3,4,5]; 控制台日志(系列); for(系列中的var prop){ document.getElementById('aaron-family')。innerHTML+='现在工作正常。 您的代码运行得很好,只是忘记了关闭附加HTML的上的标记 var家族=[0,1,2,3,4,5]; for(系列中的var prop){
1
2
3
4
五,
var家族=[0,1,2,3,4,5];
控制台日志(系列);
for(系列中的var prop){
document.getElementById('aaron-family')。innerHTML+='现在工作正常。
您的代码运行得很好,只是忘记了关闭附加HTML的上的
标记
var家族=[0,1,2,3,4,5];
for(系列中的var prop){
document.getElementById('aaron-family')。innerHTML+=''+prop+'';
}
按钮{
宽度:200px;
高度:200px;
}
第1页,共3页
j第1页,共3页
您的循环不正确,以及您尝试附加的字符串html,您可以将其更改为(为了更好的可读性,我使用了字符串模板):
family.forEach((值)=>{
document.getElementById('aaron-family')。innerHTML+=`
${value}
`;
});
我投票结束这个问题,因为问题是由
开始标签上缺少
引起的。
family.forEach((value) => {
document.getElementById('aaron-family').innerHTML += `
<div class="col">
<button type="button" class="list-group-item">${value}</button>
</div>
`;
});