在主樣式表中設定時,myDiv.style.Display 傳回空白
使用myDiv.style 設定div 元素的顯示樣式時。顯示 (JavaScript),如果主樣式表中的顯示樣式設定為 none,則預期行為會傳回空白字串。出現這種情況是因為 JavaScript 無法直接存取計算樣式,也就是透過 CSS 規則套用的樣式。
要解決此問題並擷取準確的顯示樣式,建議使用 getCompulatedStyle() 方法。此方法允許存取元素的計算樣式,包括主樣式表中定義的樣式。
以下是如何使用getCompulatedStyle() 的範例:
function getStyle(id, name) { var element = document.getElementById(id); return element.currentStyle ? element.currentStyle[name] : window.getComputedStyle ? window.getComputedStyle(element, null).getPropertyValue(name) : null; } var display = getStyle('myDiv', 'display'); alert(display); // Will print 'none' or 'block' or 'inline' etc.
透過利用getCompulatedStyle() ,您可以精確地擷取元素的顯示樣式,即使它是在主樣式表中設定的。這可確保使用 JavaScript 切換顯示樣式時功能正常。
以上是為什麼在主樣式表中設定時 myDiv.style.display 會返回空白?的詳細內容。更多資訊請關注PHP中文網其他相關文章!