0

我试图在 html 中构建一个扫雷器，而 javascript 没有工作

这是我的html

    <!DOCTYPE html>
    <html>
<head>
    <link rel = "stylesheet" type = "text/css"
    href = "minesweeper.css" >
</head>
<body>
    <table id = "i" ></table>
    <script src = "minesweeper.js" ></script>
</body>
    </html>

这是CSS

td{
border: 2px outset #000000;
width:25px;
height: 25px;
background-color: #cfcfcf;
  }

这是javascript（minesweeper.js）

   var gameBox = document.getElementById("i").innerHTML;
      console.log(gameBox);
     for ( var i = 0 ; i < 3 ; i++ ) {

gameBox += "<tr>";
console.log(gameBox);
for ( var j = 0 ; j < 3 ; j++ ) {
    gameBox += "<td id = '" /*+ i*/ + j + "'></td>";
}
gameBox += "</tr>";
    }

我得到的只是一个空白页

这是页面的链接 http://borisute.com/geshem/2013/mkeller/minsweeper.html （它有更多的代码我没有包括 b/c 它与上述问题无关

4

2 回答 2

1

您仍然需要将gameboxhtml 放在脚本末尾：

var gameBox = document.getElementById("i").innerHTML;
for ( var i = 0 ; i < 3 ; i++ ) {

    gameBox += "<tr>";
    for ( var j = 0 ; j < 3 ; j++ ) {
        gameBox += "<td id = '" + i + j + "'></td>";
    }
    gameBox += "</tr>";
        console.log(gameBox);
}
document.getElementById("i").innerHTML = gameBox;
于 2013-08-14T18:09:29.530 回答
0

在 for 循环结束时，您的 gamebox 变量不过是这个

<tr><td id = '0'></td><td id = '1'></td><td id = '2'></td></tr><tr><td id = '0'></td><td id = '1'></td><td id = '2'></td></tr><tr><td id = '0'></td><td id = '1'></td><td id = '2'></td></tr>

此外，您没有分配给任何元素。您只是在创建变量。

于 2013-08-14T18:28:26.323 回答