Nasıl Yapılır - Bir Öğenin Gizli olup olmadığını kontrol etme
JavaScript ile bir öğenin gizlenip gizlenmediğini nasıl öğreneceğinizi öğrenin.
Gizli Öğeyi Kontrol Et
Örnek
<div> öğesi gizliyse bir şeyler yapın:
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}
Not: Bir eleman ile gizlendiğinde display:none
(yukarıdaki örnekte olduğu gibi), eleman hiç yer kaplamaz.
Bir öğenin ile gizlenip gizlenmediğini visibility:hidden
öğrenmek için aşağıdaki örneğe bakın. Bu "gizli" öğe yer kaplayacaktır.
Örnek
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
İpucu: Ayrıca Nasıl Yapılır - Gizle/Göster arasında geçiş yapın .
İpucu: Görüntüleme ve Görünürlük hakkında daha fazla bilgi için CSS Görüntüleme Eğitimimizi okuyun .