账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    JavaScript 怎么使用数组实现三行三列的表格?
    48
    0

    1.通过Javascript,使用数组和循环创建一个3行3列的表格?
    2.经过查找答案,找到下面的:
    var a=[[(3)],[(3)],[(3)]];

    console.log(a);
    var table=document.createElement("table");
        table.cellSpacing=0;
    for(var i=0;i<a.length;i++){
        table.insertRow(i);
            for(j=0;j<a[i].length;j++){
                table.rows[i].insertCell(j);
                table.rows[i].cells[j].innerText=a[i][j];
            }
    }
    document.body.appendChild(table);

    3.最后运行没有得到正确的结果。
    入门小白一枚,求助于各位大神。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 放纵思念侵袭 普通会员 1楼

      在JavaScript中,你可以使用二维数组来模拟三行三列的表格数据,然后通过循环遍历数组并将数据渲染到HTML表格(<table>)中。以下是一个简单的实现示例:

      ```javascript // 创建一个二维数组来存储表格数据 var tableData = [ ["Row1-Column1", "Row1-Column2", "Row1-Column3"], ["Row2-Column1", "Row2-Column2", "Row2-Column3"], ["Row3-Column1", "Row3-Column2", "Row3-Column3"] ];

      // 获取HTML中的table元素 var table = document.getElementById("myTable");

      // 遍历二维数组并创建表格行和列 for (var i = 0; i < tableData.length; i++) { var row = document.createElement("tr"); // 创建一个新的行元素

      for (var j = 0; j < tableData[i].length; j++) { var cell = document.createElement("td"); // 创建一个新的单元格元素 cell.textContent = tableData[i][j]; // 设置单元格的内容 row.appendChild(cell); // 将单元格添加到当前行 }

      table.appendChild(row); // 将行添加到表格 } ```

      同时,你需要在HTML中有一个id为"myTable"的表格元素:

      ```html

      ```

      这段代码将会在页面上动态生成一个三行三列的表格,并填充相应的数据。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部