关于在对象属性中保存DOM元素

Question

我想创建一个UI对象来保存对DOM对象和一些UI字符串的引用，因此我可以在我的代码中使用它，并且可以轻松处理名称更改。有点像这样：

var UI = {
    DOMelem0: document.getElementById('imUnique'),
    DOMelem1: document.getElementById('imSpecial')
};

但是，我认为每次我都会访问DOMelem0（通过调用UI.DOMelem0），例如，我会调用getElementById()函数，会发生什么？

或者将elem存储在范围变量中没有什么不同？ （像这样：var elem = document.getElementById('cow');）

如果我有很多UI元素，我担心这可能会导致任何性能问题，尽管我猜它们会很小。无论哪种方式，我都不想一直调用DOM方法。 感谢。

Answer 1

调用UI.DOMelem0;不会调用document.getElementById（＆＃39; imUnique＆＃39;）。

document.getElementById（＆＃39; imUnique＆＃39;）仅在您第一次创建UI对象时被调用。