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

Question

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

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

因为我需要很多这些对象，我想知道直接存储从.getElement()获得的DOM对象是一个好主意吗？

我很害怕这将构造重物。 是这样的，还是Javascript使用某种聪明和轻量的参考？

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

Answer 1

是的，如果将HTML DOM元素存储到对象中，则存储其引用。

这是一种很好的做法，因为想象一下，如果你必须多次访问一个元素，而不是每次都找到那个element ，那就得到它一次并存储它。

与通过object检索element相比，查找element的过程效率低得多，尤其是在使用jQuery 。

它不占用大量内存，但这并不意味着您应该将页面中的每个HTML element存储在一个object 。

Answer 2

Javascript只是将其保存为参考。

在检索数据之前，不会取消引用该对象。

像console.log([reference to dereference and log])

在取消引用数据之前不会减速