innerHTML 和一个变量

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)
}

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

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

innerHTML 和一个变量

innerHTML and a variable

html

javascript

arrays

jquery

innerhtml