Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/haskell/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在按钮中显示javascript数组的内容_Javascript_Html_Css - Fatal编程技术网

在按钮中显示javascript数组的内容

在按钮中显示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){

我有以下代码。如何使数组的内容显示在按钮上?数组的内容为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){
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>
    `;
});