Javascript 将JS对象链接到HTML div时出现问题

我有一组JS对象，它们代表牌组中的单个牌。我有一个HTML文件，每个卡都有div类。我只是不确定需要在div类中键入什么来将其与对象链接

下面是一个对象的示例：

threeOfClubs= {
    name : '3 of Clubs',
    suit : 'Club',
    value : 3,
    image : '3C.png'
}

我希望我的div类链接到这个对象，这样我就可以在网页上显示png了。下面是div类的外观

HTML

<div class="card">

</div>

您要做的是：

var card = document.getElementsByClassName("card")[0];
card.style.background-image = threeOfClubs.image;

---

这将CSS

backgroond image

属性设置为

Three of Clubs

对象中的属性

image

。

您尝试过什么吗？元素和对象之间没有共同点来链接它们。我尝试过研究如何链接JS和HTML，但找不到任何特定于对象的东西。我不知道从哪里开始。