如何在javascript中使用for（）创建按钮的网格容器？

我对HTML和javascript非常陌生，但我需要创建一个按钮的网格容器，其中按钮上显示的文本是列表中的一个元素。换句话说，我需要每个按钮的文本彼此不同。我曾想使用for循环，但我不确定这是一种方法。我开始让所有按钮的文本都相似，但仍然不起作用。在这一点上的任何帮助或建议都将不胜感激

.类别按钮{ 显示：网格； 网格模板列：80px 80px 80px 80px 80px； } .项目{ 填充：10px； } 对于var i=0；i<20；i++{ document.getElementByIddemo7； } 像这样的

.类别按钮{ 显示：网格； 网格模板列：80px 80px 80px 80px 80px； } .项目{ 填充：10px； } var div=document.getElementsByClassNamecategories按钮[0]； 对于var i=0；i<20；i++{ var btn=document.createElementbutton； btn.innerText=按钮+i； 附件二； }

---

假设您的列表是一个元素数组：

//这是对象的javascript数组，每个对象有一个属性-buttonText。 //您可以添加更多属性。 常量元素=[ {buttonText:'按钮1'}， {buttonText:'按钮2'}， {buttonText:'按钮3'} ]; //获取要在其中添加按钮的父div const parent=document.getElementById'buttons-container'； //在for循环中，将i设置为小于数组的数字长度。 forlet i=0；i.长度；i++{ //创建按钮节点并添加innerHTML innerHTML是标记之间的内容。 //因为元素是一个数组，所以可以使用[i]选择它的当前迭代 let button=document.createElement'button'； button.innerHTML=元素[i].buttonText； parent.appendChildbutton； } 尝试