将图像添加到跨度答案

【问题标题】：adding images to a span将图像添加到跨度
【发布时间】：2021-05-29 06:36:32
【问题描述】：

我正在创建一个 21 点游戏，我试图让花色出现在抽出的牌旁边。但是西装只显示在最后一张牌上，但我希望在每张牌后都显示。

 const drawCard = () => {
    getCardValue() //returns value from ace-k
    getCardSuit() //return heart, spade etc. and sets the corresponding src to img
    let cardSpan = document.createElement('span');
    cardSpan.innerHTML = ` ${cardNumber} ${cardSuit} `
    cardSpan.appendChild(img)
    playerHand.append(cardSpan)
}

（我使用辅助函数来获取卡号和卡套）。上面的代码为每张卡片创建了一个新的跨度，但就像我说的那样，只有最后一张卡片在附加图像。当我在开发工具中 console.log 时，我得到了这个

<span>3 clubs</span>
<span>
  5 Hearts
  <img src... etc>
</span>

任何人都知道我怎样才能让它出现在每张卡片旁边？谢谢。

【问题讨论】：

标签： javascript html append

【解决方案1】：

听起来你只有一个图像，它已经附加到其他地方，所以它移动到另一个跨度。怎么样：

const image = document.createElement('image')
image.src = ???
cardSpan.appendChild(image)

【讨论】：