چگونه بررسی کنیم که یک عنصر آیا مخفی شده است

آموزش نحوه بررسی اینکه یک عنصر آیا مخفی شده است.

عناصر مخفی شده را بررسی کنید

مثال

اگر عناصر <div> مخفی شده‌اند، عمل زیر را انجام دهید:

function myFunction() {
  var x = document.getElementById("myDIV");
  اگر (display === "none") {
    // انجام برخی عملیات...
  }
}

به طور مستقیم امتحان کنید

توجه داشته باشید:هنگام استفاده از display:none عنصر مخفی شده (مثل مثال بالا) هیچ فضایی را اشغال نمی‌کند.

برای اطلاع از اینکه یک عنصر آیا از طریق visibility:hidden مخفی شده، لطفاً به مثال زیر مراجعه کنید. این عنصر "مخفی شده" فضای خود را اشغال می‌کند.

مثال

function myFunction() {
  var x = document.getElementById("myDIV");
  اگر (visibility === "hidden") {
    // انجام برخی عملیات...
  }
}

به طور مستقیم امتحان کنید

صفحات مرتبط

آموزش:CSS نمایش

آموزش:چگونه انجام دهیم: تغییر نمایش/مخفی کردن عناصر