如果声明并分配了 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"