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
695 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!

sumber:php.cn
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan