Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Menyemak Nilai Harta `display` CSS Elemen (sekat atau tiada) dengan JavaScript?

Bagaimanakah Saya Boleh Menyemak Nilai Harta `display` CSS Elemen (sekat atau tiada) dengan JavaScript?

Barbara Streisand
Lepaskan: 2024-11-23 10:15:12
asal
745 orang telah melayarinya

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

Menyemak Paparan CSS Elemen dengan JavaScript

Bolehkah anda menentukan sama ada sifat paparan CSS elemen ditetapkan kepada "sekat" atau "tiada" menggunakan JavaScript?

Jawapan:

Menggunakan Gaya Dikira untuk Elemen Diwarisi atau Digayakan:

Seperti yang disebut oleh sleihssirhc, jika paparan elemen diwarisi atau ditakrifkan oleh peraturan CSS, anda perlu mendapatkan semula pengiraannya gaya:

return window.getComputedStyle(element, null).display;
Salin selepas log masuk

Menggunakan Harta Gaya untuk Gaya Sebaris atau Set JavaScript:

Elemen mempunyai sifat gaya yang memberikan maklumat tentang set gaya atau gaya sebaris mereka menggunakan JavaScript:

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

Ini akan memberikan anda rentetan yang mewakili nilai paparan semasa.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyemak Nilai Harta `display` CSS Elemen (sekat atau tiada) dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan