内存游戏板创建，javascript

我试图用javascript制作一个记忆游戏，但是我在创建棋盘+向表数据中的图像添加事件处理程序（单击）时遇到了问题。下面是代码片段：

 var board = document.getElementById("board");
 var img = document.createElement("img");
 var NUM_ROWS = 6;
 var NUM_COLS = 6;
 for (row = 0; row < NUM_ROWS; row++) {
    var tr = document.createElement("tr");
    for (col = 0; col < NUM_COLS; col++) {
        var td = document.createElement("td");
        var img = document.createElement("img");
        tr.appendChild(td);
        img.src = 'images/image0.png';
        tr.appendChild(img);
    }
    board.appendChild(tr);
 }

var board=document.getElementById（“board”）；
var img=document.createElement（“img”）；
var NUM_ROWS=6；
var NUM_COLS=6；
对于（行=0；行

有很多方法可以做到这一点。给您带来很大灵活性的一种方法是构建一个字符串版本的image元素，该元素具有您需要的所有功能，并通过如下设置td.innerHTML将其插入到表单元格元素中：

function myclick(row,col) {
  // handle the click here
}

var board = document.getElementById("board");
var NUM_ROWS = 6;
var NUM_COLS = 6;
for (var row = 0; row < NUM_ROWS; row++) {
  var tr = document.createElement("tr");
  for (col = 0; col < NUM_COLS; col++) {
    var td = document.createElement("td");
    var src = "images/image0.png";
    var img = '<img src="'+src+'" onclick="myclick('+row+','+col+');">';
    td.innerHTML = img;
    tr.appendChild(td);
  }
  board.appendChild(tr);
}

函数myclick（行、列）{
//点击这里处理这个问题
}
var board=document.getElementById（“board”）；
var NUM_ROWS=6；
var NUM_COLS=6；
对于（变量行=0；行

---

在本例中，img元素是使用内置的onclick函数创建的，它将为您的点击处理函数提供点击的行和列。

您遇到的确切问题是…？您可能想看看我为其编写的代码