如何从JavaScript数组填充div表？

我是JavaScript新手，不知道如何从JavaScript数组填充div表。div表如下所示：

<div id="palette" style="border: solid 1px black; width: 100%; height: 100%;">
    <div class="divTableRow">
        <div class="divTableCell"></div>
        <div class="divTableCell"></div>
        <div class="divTableCell"></div>
    </div>
    <div class="divTableRow">
        <div class="divTableCell"></div>
        <div class="divTableCell"></div>
        <div class="divTableCell"></div>
    </div>
    <div class="divTableRow">
        <div class="divTableCell"></div>
        <div class="divTableCell"></div>
        <div class="divTableCell"></div>
    </div>
    <div class="divTableRow">
        <div class="divTableCell"></div>
        <div class="divTableCell"></div>
        <div class="divTableCell"></div>
    </div>
    <div class="divTableRow">
        <div class="divTableCell"></div>
        <div class="divTableCell"></div>
        <div class="divTableCell"></div>
    </div>
    <div class="divTableRow">
        <div class="divTableCell"></div>
        <div class="divTableCell"></div>
        <div class="divTableCell"></div>
    </div>
</div>

---

数组是一维的，包含字符串。数组中的每个字符串都应该位于div表中的特定单元格中。

仅使用Javascript（使用jQuery可能更容易），下面是您可以执行的操作：

• 使用函数

  .getElementById（）

  访问包含的元素
• 使用函数

  .getElementsByCassName（）

  访问子元素
• 使用属性

  .innerText

  写入所选元素

下面是一个如何执行此操作的工作示例：

var arr=[“亚当”、“布鲁斯”、“克莱夫”、“唐”、“埃文”、“弗朗西斯”、“格伦”、“亨利”、“伊万”、“杰德”、“肯”、“洛根”、“马里奥”、“内森”、“奥马尔”、“昆汀”、“彼得”、“罗马”]；
变量调色板=document.getElementById（“调色板”）；
var rows=palete.getElementsByClassName（“divTableRow”）；
var计数器=0；
for（var行中的行）{
var cells=row.getElementsByClassName（“divTableCell”）；
for（单元格的var单元格）{
cell.innerText=arr[计数器]；
计数器++；
};
};
#调色板{
边界：无；
显示：表格；
}
.divTableRow{
宽度：100%；
显示：表格行；
}
.divTableCell{
宽度：28%；
填充：1%；
边框：1px实心#000；
显示：表格单元格；
}

您能否进一步举例说明如何填充表以及js数组的结构？该数组是一维的，包含字符串。数组中的每个字符串都指向div-table中的特定单元格。您能告诉我们到目前为止您想出了什么吗？上面只有HTML和CSS，这并不重要。