javascript - insideHTML 和一个变量

Question

function startMatch(deck, dealer, player){
    var dealerX = document.querySelector('#player:first-child span').innerHTML
    var playerX = document.querySelector('#player:last-child span').innerHTML
    dealer.push(drawCard(deck))
    player.push(drawCard(deck))
    dealerX = dealer
    playerX = player
    console.log(dealerX)
}

甲板是一对数字的数组庄家和玩家是一些空的全局数组问题是它记录了“dealerX”的正确值，但如果我使用 document.querySelector('#player:first-child span').innerHTML = Dealer ，它不会在 HTML 中替换它它工作得很好，但这不是我想要的。谢谢。

Answer 1

它不起作用的原因是因为

var dealerX = document.querySelector('#player:first-child span').innerHTML

不会创建对元素#player的引用，而是创建一个包含#player内容的变量。所以你必须使用

document.querySelector('#player:first-child span').innerHTML = dealer
document.querySelector('#player:last-child span').innerHTML = player