如何将图像附加到两个或多个dom元素上

Question

我正在完成我的战列舰项目，想添加舰艇图像。之前，如果玩家将船放置在某个坐标处，我只需更改div的颜色，作为放置船的指示。现在我想动态地放置(附加(图像。

<div class="gameBoard">
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
</div>

上面的div游戏板代表我在dom中的棋盘。每个divs代表每个单独的箱子，玩家将在那里互相攻击。那么，我如何在一个或多个div上添加一个图像，以便图像跨越这些div。

Answer 1

类似的东西？

function addImage(a,b){
document.querySelectorAll(".grid")[a].style.background = "url(ship.jpg)"; 
document.querySelectorAll(".grid")[b].style.background = "url(ship.jpg)";
}
<div class="grid" onclick='addImage(3,4)'></div>