Question

任何人都可以帮助我尝试将棋盘块填充到我的棋盘上，但似乎卡住了。我试图使用document.getElementById，但它似乎不起作用。有什么想法吗？

 document.getElementById('00') = '<img src="img/whiteKing.png" />'

Answer 1

您一定要阅读有关Javascript和DOM元素的信息。

假设您有类似以下内容的HTML ...

<table>
   <tr>
       <td id="00"></td>
       <td id="01"></td>
       <td id="02"></td>
       <td id="03"></td>
       <td id="04"></td>
       <td id="05"></td>
       <td id="06"></td>
       <td id="07"></td>
   </tr>
   <...> ... </...>
</table>

然后，您需要创建一个DOM元素

var whiteKing = document.createElement('img');

img标记使用src属性来确定获取/显示的图像。因此，将其设置为任何其他JSON属性。

whiteKing.src = "img/whiteKing.png";

然后，您可以将新元素附加到现有元素（即您的00单元格）

document.getElementById("00").append(whiteKing);

Answer 2

试试这个，我希望你只想替换html

document.getElementById('00').innerHTML = '<img src="img/whiteKing.png" />'

使用javascript填充棋盘棋子

2 个答案: