javascript - JavaScript 中的 For 循环不起作用

标签 javascript html for-loop

JavaScript 新手,但在我看来,我的 html 应该生成我创建的网格。我的 js 文件中没有填充任何 tr 或 td 元素。有谁知道为什么或我缺少什么?感谢您的帮助。

这是我的 js 文件:

function showGrid() {
    var gridDiv = document.getElementById("gridDiv");
    gridDiv.innerHTML = genGrid();
}

function genGrid() {
    var html = "";
    var row = 8;
    var i = 0;
    var j = 0;
    var tdClass = "";

    for (i = row; i > 0; i--) {

        html += "<tr>";

        for (j = row; j > 0; j--) {
            var r = j % 2;
            if (r = 0) {
                tdClass = "red";
            } else {
                tdClass = "black";
            }

            html += "<td class=\"" + tdClass + "\"></td>";
        }
        html += "</tr>";
    }
    return html;
}

这是我的 html 文件:

<!DOCTYPE HTML>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">

<html>
    <head>
        <link rel="stylesheet" type=text/css href="style.css">
        <script src="genGame.js"></script>
    </head>
    <body onload="showGrid()">

        <div id="gridDiv">
        This should get overridden
        </div>
    </body>

</html>

最佳答案

这个

    <div id="gridDiv">
    This should get overridden
    </div>

应该是

    <table id="gridDiv">
    This should get overridden
    </table>

关于javascript - JavaScript 中的 For 循环不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28260539/

相关文章:

javascript - Vue 和 Vue-tippy html 内容

javascript - Mongoose 重复索引

javascript - 如何让网站在警报/弹出窗口下继续更新?

Javascript if 语句在 html 页面上无法正常工作

javascript - 缓存视频 blob url src?

r - 如何创建一个 for 循环来将多个数据帧和 df 子集组合成一个数据帧?

python - 为什么我的 for 循环中的 if 条件在一次迭代为真后停止验证?

python - 如何在 Python 中读取 txt 文件的特定部分?

javascript - <link rel ="icon"type ="image/x-icon"> 的用途是什么?

javascript - 未检索到输入字段的值 : undefined object