保存对HTML元素的引用以便重用是否更好？

Question

如果您继续使用JavaScript将内容写入HTML标记，或者它没有产生很大的影响，是否建议保存对HTML元素的引用？如果将引用保存到变量中或者直接调用它，例如：

document.getElementById("price").innerHTML = "$"+Setting.Selection[0].price;

<p id="price"></p>

以上示例显示了我现在是如何做到的，并且我想知道我是否可以通过在任何地方保存引用来更好地做到这一点，我想优化我的代码以使用更少的内存。

Answer 1

创建一个这样的变量，一个可以在任何需要的地方访问的地方：

var priceDiv = document.getElementById("price");

然后，当您想要进行更改时，您可以这样做：

priceDiv.innerHTML = //whatever...