Javascript 元素不会附加到容器

我正在做一个简单的21点游戏，发牌者将得到一张牌，玩家将得到两条基本规则

这些卡显示得很好，但是当我将一个类附加到dealers卡容器时，该容器拒绝确认我刚才附加的类。我从我的玩家功能中复制并粘贴了相同的代码，该功能成功地处理了玩家卡，而这似乎对我的庄家功能也不起作用

我试图附加的类是symbol

如果您看一下下面的JSFIDLE代码段，您可以检查它，看到类符号没有附加到dealer中，但在player函数中完全可以正常工作

提前谢谢你的帮助

经销商

玩家

好的，div.symbol确实会被追加，但是在代码的下面，您会更新类名

使用此代码 symbol.className=fa+fa-heart

现在我不知道你到底需要什么。但是如果您想附加symbol类，可能需要执行以下操作

symbol.className += " " + fa + "fa-heart";

我希望它有帮助

您可以使用symbol.classList.add'fa-heart'将类添加到元素中，因为您所做的是用新的属性覆盖整个className属性

您还可以使用symbol.classList.remove'fa-heart'来删除特定的类

---

希望这对您有所帮助。

ahh完全忘了检查问题的if语句，非常感谢！

function deal_player_cards(){

    let playerContainer = document.querySelector('.player_container');


    let fa = "fas ";

        for (let i = 0; i < 2; i++){
            let card = deck.pop();
            playerHand.push(card);


            let playerCard = document.createElement('div');
            playerCard.className = "player_card";
            playerContainer.append(playerCard);

            let rank = document.createElement('div');
            rank.className = "rank";
            playerCard.append(rank);
            rank.innerHTML = card.value;


            let symbol = document.createElement('div');
            playerCard.append(symbol);
            symbol.className = 'symbol';
            let cardSymbol = document.createElement('span');
            symbol.append(cardSymbol);
            cardSymbol.setAttribute('id', 'card_symbol');

            let i = document.createElement('i');
            cardSymbol.append(i);
            let fa = "fas "; }

symbol.className += " " + fa + "fa-heart";