HTML DOM 元素是否通过引用存储在 Javascript 数组中？

Question

我有一个自定义 JavaScript 对象，我希望它与 DOM 中的元素“链接”。

var my_object = {}
var element = document.getElementsByClassName("a_class")[7];
my_object["element"] = element;

由于我将需要很多这样的对象，我想知道直接存储从中获取的 DOM 对象是否.getElement()是一个好主意？

我害怕这会构造重物。是这样吗，还是 Javascript 使用了某种巧妙而轻巧的引用？

或者，我想id在 stroring 之前向元素添加自定义，id但这不太方便。

Answer 1

是的，如果您将 HTML DOM 元素存储到对象中，那么您就存储了它的引用。

这是一个很好的实践，因为想象一下，如果您必须多次访问一个元素，而不是element每次都找到它，只需获取一次并存储它。

与通过 an 检索它相比，查找 an 的过程element效率要低得多object，特别是如果您使用jQuery.

它不会占用大量内存，但这并不意味着您应该将HTML element页面上的每个单独存储在object.