将 JS 对象链接到 HTML div 时遇到问题

Question

我有一组 JS 对象，它们代表一副牌中的各个卡片。我有一个 HTML 文件，其中包含每张卡片的 div 类。我只是不确定需要在 div 类中输入什么内容才能将其与对象链接。

这是一个对象的示例：

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

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

HTML

<div class="card">

</div>

Answer 1

你要做的是：

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

这会将 CSS backgruond-image 属性设置为 threeOfClubs 对象中的属性 image。