新しい img を作成し、css クラスが「paint」されているすべてのタグに配置する関数を作成しました。
function putPiece(){
var painted = document.querySelectorAll('.painted');
for (var i = 0, len = painted.length; i < len; i++) {
var a = i+1
var squareID = painted[i].id;
painted[i].taken = 'BP'+a;
var img = document.createElement("img");
painted[i].appendChild(img);
img.id = "BP"+a; //unique ID for every img
img.src = "blackP.png"; //the image to use
img.pstn = squareID; //the ID of the <td> it's in
}
}
上記のように、各オブジェクトにプロパティを指定しました。ここで、すべての「img」オブジェクトの「img.pstn」を含む配列を作成したいと思います。何か案は?ありがとうございます!