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

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

转载作者：行者123 更新时间：2023-12-03 10:56:20

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 - polymer 、模板不会评估 true 和绑定(bind)

文章推荐： javascript - 无法在 $.post 回调中设置作用域变量

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

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