使用javascript填充棋盘棋子

Populating Chessboard pieces to board using javascript

本文关键字：棋子 填充 javascript 使用      更新时间：2024-06-16

有人能帮我吗？我正在尝试将棋子填充到我的棋盘中，但似乎被卡住了。我正在尝试使用document.getElementById，但它似乎不起作用。有什么想法吗？

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

您绝对应该了解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);

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

document.getElementById('00').innerHTML = '<img src="img/whiteKing.png" />'
相关文章：