Bagaimanakah Saya Boleh Semak Status Paparan CSS Elemen Menggunakan JavaScript?

Menentukan Status Paparan CSS Unsur dengan JavaScript

Dalam pembangunan web, selalunya perlu untuk memanipulasi atau mengesahkan sifat CSS unsur secara dinamik. Satu aspek yang berguna untuk diperiksa ialah status paparan elemen, terutamanya sama ada ia kelihatan (paparan ditetapkan kepada "sekat") atau tersembunyi (paparan ditetapkan kepada "tiada").

Menggunakan JavaScript untuk Semak Paparan Elemen

Untuk menyemak sifat paparan CSS elemen menggunakan JavaScript, anda boleh menggunakan dua kaedah utama:

1. Menyemak Gaya Dikira:

Kaedah ini sesuai untuk elemen yang sifat paparannya diwarisi atau ditentukan dalam peraturan CSS. Untuk mendapatkan gaya pengiraan, anda boleh menggunakan kod berikut:

const element = document.getElementById('element-id');
const computedStyle = window.getComputedStyle(element, null);
const displayStyle = computedStyle.display;

2. Menyemak Gaya Sebaris:

Jika gaya diisytiharkan sebaris atau dengan JavaScript, anda boleh terus mengakses sifat gaya elemen seperti berikut:

const element = document.getElementById('element-id');
const displayStyle = element.style.display;

Menentukan Status Paparan:

Setelah anda mempunyai DisplayStyle, anda boleh menggunakan pernyataan bersyarat untuk menentukan sama ada elemen itu kelihatan atau tersembunyi:

if (displayStyle === 'block') {
  // Element is visible
} else if (displayStyle === 'none') {
  // Element is hidden
}

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Semak Status Paparan CSS Elemen Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!