ပုံစံ မြင်နိုင်စွမ်း ပိုင်ဆိုင်မှု
ဥပမာ
<p> ဒြပ်စင်တစ်ခု၏ အကြောင်းအရာကို ဝှက်ထားရန်-
document.getElementById("myP").style.visibility = "hidden";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ဒြပ်စင်တစ်ခု မြင်နိုင်သည်ဖြစ်စေ မြင်နိုင်မှုပိုင်ဆိုင်မှုသည် သတ်မှတ်ပေးသည် သို့မဟုတ် ပြန်ပေးသည်။
မြင်နိုင်စွမ်းပိုင်ဆိုင်မှုသည် စာရေးသူအား ဒြပ်စင်တစ်ခုအား ပြသရန် သို့မဟုတ် ဝှက်ရန် ခွင့်ပြုသည်။ ၎င်းသည် display property နှင့်ဆင်တူသည်။ သို့သော် ကွာခြားချက်မှာ သင်သတ်မှတ်ပါက display:none
၊ ၎င်းသည် ဒြပ်စင်တစ်ခုလုံးကို ဖုံးကွယ်ထားမည်ဖြစ်ပြီး၊ ဒြပ်စင် visibility:hidden
၏အကြောင်းအရာများကို မမြင်နိုင်ဟု ဆိုလိုသော်လည်း ဒြပ်စင်သည် ၎င်း၏မူလအနေအထားနှင့် အရွယ်အစားတွင် ရှိနေမည်ဖြစ်သည်။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
visibility | Yes | Yes | Yes | Yes | Yes |
အထားအသို
မြင်နိုင်စွမ်းပိုင်ဆိုင်မှုကို ပြန်ပေးပါ-
object.style.visibility
မြင်နိုင်စွမ်းကို သတ်မှတ်ပါ-
object.style.visibility = "visible|hidden|collapse|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
visible | The element is visible. This is default |
hidden | The element is not visible, but still affects layout |
collapse | When used on a table row or cell, the element is not visible (same as "hidden") |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | မြင်နိုင်သည်။ |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ အကြောင်းအရာကို ပြသသည်ဖြစ်စေ မပြသသည်ကို ကိုယ်စားပြုသော စာကြောင်းတစ်ခု |
CSS ဗားရှင်း | CSS2 |
နောက်ထပ် ဥပမာများ
ဥပမာ
ပြသမှုပိုင်ဆိုင်မှုနှင့် မြင်နိုင်မှုပိုင်ဆိုင်မှုကြား ကွာခြားချက်-
function demoDisplay() {
document.getElementById("myP1").style.display = "none";
}
function demoVisibility() {
document.getElementById("myP2").style.visibility = "hidden";
}
ဥပမာ
ဝှက်ထားသော နှင့် ဒြပ်စင်တစ်ခုကို ပြသခြင်းကြား ခလုတ်
function myFunction() {
var x = document.getElementById('myDIV');
if (x.style.visibility === 'hidden') {
x.style.visibility = 'visible';
} else {
x.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 Display နှင့် မြင်နိုင်စွမ်း
CSS ရည်ညွှန်းချက်- မြင်နိုင်စွမ်းပိုင်ဆိုင်မှု
❮ စတိုင်အရာဝတ္ထု