如果聲明並分配了 object，我如何更改 DOM 中的 textContent

Question

現在這行代碼顯示了 DOM 中的內容

let scoreDisplay = document.querySelector('.score').textContent

但是如果我想更改 textContent 它不起作用，為什么？

scoreDisplay = "twenty five"

更改僅在 console.log 中可見，但在 DOM 中不可見，我怎樣才能使其也影響 DOM？

Answer 1

您正在更改變量的值，而不是元素本身的值。 嘗試將您的代碼修改為

let scoreDisplay = document.querySelector('.score')
scoreDisplay.textContent = "twenty five"

甚至作為單行：

document.querySelector('.score').textContent= "twenty five"