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

时间:2018-06-15 22:18:44

标签: javascript variables 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);

我可以使用唯一变量来创建此元素吗?或者我必须为每个元素创建一个变量?我回答这个问题是因为我不知道在这种情况下使用一个或多个独特的变量是不是一个好的做法。

1 个答案:

答案 0 :(得分:1)

您可以重复使用相同的变量。如果您只需要在指定的时间段内使用DOM引用,那就完全没问题了。在许多情况下,最好重用该变量,因为它允许JavaScript运行时释放其对象引用,从而允许释放内存。

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

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