مثال
إخفاء محتوى <p> العنصر:
document.getElementById("myP").style.visibility = "hidden";
انها محاولة لنفسك » تعريف والاستخدام
مجموعات الملكية الرؤية أو عوائد ما إذا كان ينبغي أن يكون عنصرا مرئيا.
الخاصية الرؤية يسمح للمؤلف لإظهار أو إخفاء عنصر. وهو مشابه ل عرض الممتلكات. ومع ذلك، والفرق هو أنه إذا قمت بتعيين عرض: لا شيء، فإنه يخفي العنصر بالكامل، في حين أن الرؤية: مخفي يعني أن محتويات العنصر سوف تكون غير مرئية، ولكن العنصر يبقى في موقعه الأصلي والحجم.
دعم المتصفح
ويدعم خاصية الرؤية في جميع المتصفحات الرئيسية.
بناء الجملة
إعادة الممتلكات وضوح:
object .style.visibility
تعيين الخاصية الرؤية:
object .style.visibility="visible|hidden|collapse|initial|inherit"
قيم الممتلكات
القيمة | وصف |
---|---|
visible | العنصر مرئيا. هذا هو الافتراضي |
hidden | العنصر غير مرئي، ولكن لا يزال يؤثر على تخطيط |
collapse | عندما تستخدم على صف الجدول أو الخلية، عنصر غير مرئي (same as "hidden") |
initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
تفاصيل تقنية
القيمة الافتراضية: | مرئي |
---|---|
قيمة الإرجاع: | A سلسلة، وهو ما يمثل ما إذا كان عرض محتوى عنصر أو لا |
صفحة CSS | CSS2 |
مزيد من الأمثلة
مثال
الفرق بين الملكية العرض والممتلكات الرؤية:
function demoDisplay() {
document.getElementById("myP1").style.display = "none";
}
function demoVisibility() {
document.getElementById("myP2").style.visibility = "hidden";
}
انها محاولة لنفسك » مثال
إخفاء وإظهار <img> العنصر:
function hideElem() {
document.getElementById("myImg").style.visibility = "hidden";
}
function showElem() {
document.getElementById("myImg").style.visibility = "visible";
}
انها محاولة لنفسك » مثال
العودة نوع الرؤية ل <p> العنصر:
alert(document.getElementById("myP").style.visibility);
انها محاولة لنفسك » صفحات ذات صلة
CSS التعليمي: العرض CSS والرؤية
CSS المرجع visibility property
<كائن نمط