Bir Öğenin Gizlenip Gizlenmediğini Nasıl Kontrol Edilir

JavaScript ile bir öğenin gizlenip gizlenmediğini nasıl kontrol edeceğinizi öğrenin.

Gizlenen öğeleri kontrol et

Örnek

<div> Öğesi gizlendiyse, aşağıdaki işlemleri gerçekleştirin:

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).display === "none") {
    // Birtakım İşlemleri gerçekleştir..
  }
}

Kişisel Deneyim

Dikkat:Kullanılırken dikkat edin: display:none Gizlenen öğelerde (yukarıdaki örnekte gösterildiği gibi), bu öğe hiçbir alan kapmayacaktır.

Bir öğenin gizlenip gizlenmediğini belirlemek için visibility:hidden Gizlenmiş, aşağıdaki örneklere bakın. Bu "gizlenmiş" öğe alan kaplar.

Örnek

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).visibility === "hidden") {
    // Birtakım İşlemleri gerçekleştir..
  }
}

Kişisel Deneyim

İlgili Sayfa

ders:CSS Gösterimi

ders:nasıl gizlemek ve göstermek arasını değiştirmek