DOM 操作（包括訪問 DOM）通常很慢。

這通常不是問題，除非您必須執(zhí)行許多 DOM 操作并且 JavaScript 應用程序的性能開始受到影響。

如果您打算多次訪問 DOM 元素或其值，那么提高性能的一個非常快速的技巧就是將它們存儲在局部變量中。

//這種操作很慢，它多次訪問 DOM 元素document.querySelector('#my-element').classList.add('my-class');document.querySelector('#my-element').textContent = 'hello';document.querySelector('#my-element').hidden = false;// 以下方式速度較快，它將 DOM 元素存儲在變量中const myElement = document.querySelector('#my-element');myElement.classList.add('my-class');myElement.textContent = 'hello';myElement.hidden = false;

請注意，雖然這個技巧可能會派上用場，但它需要注意的是，如果您稍后刪除 DOM 元素并且仍然將其存儲在變量中，則應將該變量設置為 null 以避免潛在的內(nèi)存泄漏。

更多內(nèi)容請訪問：https://www.icoderoad.com