在純JavaScript 中確定元素可見性
在沒有jQuery 的情況下，開發人員經常尋求方法來確定元素在DOM 中是否可見。本文解決了這個問題，探討了可以指示可見性或隱藏狀態的各種屬性。
雖然檢查顯示屬性仍然是一個重要因素，但它並不是唯一的考慮因素。 visibility 屬性也會影響可見性，指示元素目前是否隱藏。
但是，其他屬性可能還需要注意。根據 MDN 文檔，當元素或其父元素透過顯示樣式隱藏時，元素的 offsetParent 屬性將傳回 null。要確定不包括固定元素的可見性，可以使用以下腳本：
function isHidden(el) {
return (el.offsetParent === null);
}但是，固定元素可能需要不同的方法，依賴 window.getCompulatedStyle()。以下函數考慮了這些元素：
function isHidden(el) {
var style = window.getComputedStyle(el);
return (style.display === 'none');
}雖然第二個選項更全面，但計算速度可能較慢。因此，最佳選擇取決於操作的頻率。
以上是如何確定純 JavaScript 中元素的可見性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
