首頁 >web前端 >css教學 >如何使用 JavaScript 檢查元素的 CSS `display` 屬性值(區塊或無)?

如何使用 JavaScript 檢查元素的 CSS `display` 屬性值(區塊或無)?

Barbara Streisand
Barbara Streisand原創
2024-11-23 10:15:12677瀏覽

How Can I Check an Element's CSS `display` Property Value (block or none) with JavaScript?

使用JavaScript 檢查元素CSS 顯示

您可以使用下列指令確定元素的CSS 顯示屬性是否設定為「block」或「none ” JavaScript?

答案:

對繼承或樣式化元素使用計算樣式:

正如sdleihssirhc 所提到的,如果元素的顯示是繼承的或由CSS規則定義的,您需要檢索其計算值style:

return window.getComputedStyle(element, null).display;

使用內聯或JavaScript 設定樣式的Style 屬性:

元素有style 屬性,元素有style 屬性,元素有style 屬性提供其內聯樣式或樣式集的資訊使用JavaScript:

console.log(document.getElementById('someIDThatExists').style.display);

這將為您提供一個表示目前顯示值的字串。

以上是如何使用 JavaScript 檢查元素的 CSS `display` 屬性值(區塊或無)?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn