首頁 > web前端 > css教學 > 主體

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

Barbara Streisand
發布: 2024-11-23 10:15:12
原創
609 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板