كيف - تحقق مما إذا كان العنصر مخفيًا
تعرف على كيفية معرفة ما إذا كان العنصر مخفيًا باستخدام JavaScript.
تحقق من العنصر المخفي
مثال
إذا كان العنصر <div> مخفيًا ، فافعل شيئًا ما:
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}
ملاحظة: عندما يتم إخفاء عنصر باستخدام display:none
(كما في المثال أعلاه) ، فلن يشغل العنصر أي مساحة.
لمعرفة ما إذا كان العنصر مخفيًا أم لا visibility:hidden
، انظر المثال أدناه. سيأخذ هذا العنصر "المخفي" مساحة.
مثال
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
نصيحة: تحقق أيضًا من كيفية - تبديل إخفاء / إظهار .
نصيحة: لمزيد من المعلومات حول العرض والرؤية ، اقرأ البرنامج التعليمي لعرض CSS الخاص بنا .