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

标签 javascript jquery html dom

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

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

因为我需要很多这样的对象,所以我想知道直接存储从 .getElement() 获得的 DOM 对象是否是个好主意?

我担心这会构造重物。是这样吗,还是 Javascript 使用了某种巧妙而轻巧的引用?

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

最佳答案

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

这是一个很好的做法,因为想象一下,如果您必须多次访问一个元素,而不是找到那个 element每次,获取一次并存储它。

寻找element的过程与通过 object 检索相比,效率要低得多, 特别是如果你使用 jQuery .

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

关于javascript - HTML DOM 元素是否通过引用存储在 Javascript 数组中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32221025/

相关文章:

javascript - 如何修复在前一个 promise 的 .then block 中处理的 .catch 中返回的停止 promise 。即 .catch 应该保留在 .catch 中

javascript - 使用 json 结果并使用字符串作为键

javascript - 如何从动态网页中获取内容

javascript - 使用 multer-ftp 重命名文件

jquery - 基于for属性和输入类的CSS目标标签

html - 定位 Font Awesome 图标

JavaScript 仅显示浏览器特定的 CSS 前缀,即使添加了其他前缀也是如此

html - 占用父元素高度 100% 的 CSS 覆盖

javascript - AngularJS - 获取标题作为响应

javascript - Bootstrap 样式化 JQuery/Java 弹出框