Cara memeriksa apakah elemen disembunyi

Belajar cara menggunakan JavaScript untuk memeriksa apakah elemen disembunyi.

Periksa elemen yang disembunyi

Contoh

Jika elemen <div> disembunyikan, lakukan operasi berikut:

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).display === "none") {
    // Melaksanakan beberapa operasi...
  }
}

Coba sendiri

Perhatian:Ketika menggunakan display:none Ketika elemen tersembunyi (seperti di contoh di atas), elemen itu tidak akan mengambil ruang apapun.

Untuk mengetahui apakah suatu elemen tersembunyi melalui visibility:hidden Tersembunyi, lihat contoh di bawah ini. Elemen yang "tersembunyi" ini akan mengambil ruang.

Contoh

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).visibility === "hidden") {
    // Melaksanakan beberapa operasi...
  }
}

Coba sendiri

Halaman yang berhubungan

Tutorial:CSS Tampilan

Tutorial:Bagaimana untuk berubah dari tersembunyi ke terlihat elemen