Javascript .createElement & .appendChild 问题(包括 for 和 if)

<section id="db_gallery">
      <table id="gallery_table"></table>
      <script src="autogallery.js"></script>
</section>

const gallery_table = document.getElementById("gallery_table");
const list = ["A", "B", "C", "D", "E", "F"];

for (let i of list) {
    if (i % 3 === 0) {
        let newRowItem = document.createElement("tr");
        var idName = "newRowItem";
        idName.concat(i);
        newRowItem.setAttribute("id", idName);
        gallery_table.appendChild(newRowItem);
    }

    let newColItem = document.createElement('th');
    newColItem.textContent = i;

    idName.appendChild(newColItem);
    console.log(idName);
}

const gallery_table = document.getElementById("gallery_table");
let list = ["A", "B", "C", "D", "E", "F"];
var idName = "";

    for (let i = 0; i < list.length; i++) {
        if (i % 3 === 0) {
            let newRowItem = document.createElement("tr");
            idName = "newRowItem";
            idName = idName.concat(list[i]);
            newRowItem.setAttribute("id", idName);
            gallery_table.appendChild(newRowItem);
            let newColItem = document.createElement('th');
            newColItem.textContent = list[i];
            newRowItem.appendChild(newColItem);
        }
    }

Javascript相关问答推荐

react/redux中的formData在expressjs中返回未定义的req.params.id

如何在不创建新键的情况下动态更改 map 中的项目？

点击按钮一次有文本出现和褪色，而不是点击两次？(html，CSS，JavaScript)

colored颜色 检测JS，平均图像 colored颜色 检测JS

构造HTML表单以使用表单数据创建对象数组

如何添加绘图条形图图例单击角形事件

PDF工具包阿拉伯字体的反转数字

如何在coCos2d-x中更正此错误

Use Location位置成员在HashRouter内为空

当我在Reaction中创建一个输入列表时，我的输入行为异常

获取'；无法解决导入和导入"；slick-carousel/slick/slick-theme.css"；'；错误

使用Ace编辑器对子组件实例的native-element 进行Angular 获取时面临的问题

expo 联系人：如果联系人的状态被拒绝，则请求访问联系人的权限

无法读取未定义的属性(正在读取合并)-react RTK

使每个<；li>；元素的 colored颜色 与随机生成的 colored颜色 列表不同(不重复

处理TypeScrip Vue组件未初始化的react 对象

使用静态函数保存 node 前的钩子

MUI-TABLE：MUI表组件中交替行的不同 colored颜色 不起作用

：host：：ng-Deep不将样式应用于material 复选框

当触发AJAX POST请求时，绕过对PHP生成的表的加载函数