使用javascript生成html表_Javascript_Html

使用javascript生成html表

javascript html

使用javascript生成html表,javascript,html,Javascript,Html,我的家庭作业是使用javascript生成一个棋盘格html表（又称棋盘）。我必须使用getElementById和innerHTML属性来完成这项工作。我应该生成html字符串并将它们添加到文档中这就是我写的，当我打开页面时，它是空的，但它根本没有生成任何内容 html/脚本： <!doctype html> <html> <head> <link rel="stylesheet" type="text/css" href="gameTableSt

我的家庭作业是使用javascript生成一个棋盘格html表（又称棋盘）。我必须使用getElementById和innerHTML属性来完成这项工作。我应该生成html字符串并将它们添加到文档中

这就是我写的，当我打开页面时，它是空的，但它根本没有生成任何内容

html/脚本：

<!doctype html>

<html>
<head>
<link rel="stylesheet" type="text/css" href="gameTableStyle.css">
<script>
function showTable() {
    var tableDiv = document.getElementById("tableDiv");
    tableDiv.innerHTML = genTable();
}

function genTable() {
    var html = "";
    var i = 0;
    var j = 0;
    var tClass = "white";
    html += "<table>";
    for (i = 0; i < 8; i++) {
        html += "<tr>";
        for (j = 0; j < 8; j++) {
            if (i % 2 = 0) {
                tClass = "black";
            }
            else {
                tClass = "white";
            }
            html += "<td>" + "</td>;
        }
        html += "</tr>";
    }
    html += "</table>"
    return html;
}

</script>
</head>

<body onload="showTable()">


<div id="tableDiv">

</div>

</body>

</html>

这是我第一次学习html/javascript，所以我确信有更奇特的方法可以做到这一点，但我们应该通过生成字符串并将其插入文档中来实现这一点。我不知道我做错了什么。

一个明显的问题，如果您检查错误控制台，就会出现

html++=“+”；

…您缺少一个结束引号。我将使用

html++=“lt/code>始终首先检查控制台是否有错误。使用类似var x=document.createElement（“表”）的方法
用于创建新元素并将其作为父元素上的子元素进行父元素。您必须希望tClass
合并到td
s中。使用backticks
而不是quote
还有if（i%2=0）
的问题，您希望if（i%2==0）进行比较。请检查：。如果你没有给出完整的答案，那么你只是有几个打字错误。
.black {
color: black;
}

.white {
color: white;
}