有和没有.innerHTML的变量赋值

Question

我正在学习Javascript，并对刚刚发现的以下区别感到好奇。我将以该页面为例。采取upvote柜台。它的类为.vote-count-post，要使用parseInt进行编辑，请执行以下操作：

var voteA = document.querySelector('.vote-count-post')

voteA.innerHTML = parseInt(voteA.innerHTML) + 1

这成功地在投票计数器中添加了一个，既作为控制台中的返回值，也作为DOM内部的返回值。

观察到这一点时，我发现vote.innerHTML发生了两次，所以我想知道是否可以为它分配一个变量以避免重复输入。因此，我编写了一个新变量来对此进行测试：

var voteB = document.querySelector('.vote-count-post').innerHTML

voteB = parseInt(voteB) + 1

输入此内容后，控制台将返回一个表决B值的增加值，但不会在DOM的可视视图中更新innerHTML。我不明白为什么，并且想知道这是否是我尚不了解的JS基本/简单方面。有人可以帮忙解释一下吗？

Answer 1

voteB是您为其分配值时的innerHTML值的副本。 如果值更改，voteB将不会更新，因为它只是赋值时该值的副本。有关更多信息，请参见here。