时间戳

首页 > 解决方案 > Javascript - 重用变量来创建 DOM 元素

javascript - Javascript - 重用变量来创建 DOM 元素

问题描述

我可以重复使用已用于创建 DOM 元素的变量吗？

我有一个例子：

var pauseButtonElement = document.createElement("input");

pauseButtonElement.setAttribute("type", "button");

pauseButtonElement.setAttribute("value", "Pausar autoactualització");

pauseButtonElement.setAttribute("onclick", "pauseGraphicAU();");

document.getElementById("graphicButtons").appendChild(pauseButtonElement);



var maxYValueElement = document.createElement("input");

maxYValueElement.setAttribute("type", "number");

maxYValueElement.setAttribute("required", "");

document.getElementById("graphicButtons").appendChild(maxYValueElement);

我可以使用唯一变量来创建这些元素吗？或者我必须为每个元素创建一个变量？我回答它是因为我不知道在这种情况下使用唯一变量或多个变量是否是一种好习惯。

标签： javascriptvariablesdom

解决方案

您可以重复使用相同的变量。如果您只需要在定义的时间段内使用 DOM 引用，那么这非常好并且通常是首选。在许多情况下，最好重用该变量，因为它允许 JavaScript 运行时释放其对象引用，从而释放内存。

唯一的问题是您将丢失该 DOM 引用，因此如果您想再次与该元素交互，则必须重新扫描 DOM 以获取它。

最后，它实际上归结为您在其中声明变量的范围以及您希望引用的持久性。

推荐阅读