शैली दृश्यता संपत्ति
उदाहरण
<p> तत्व की सामग्री छुपाएं:
document.getElementById("myP").style.visibility = "hidden";
परिभाषा और उपयोग
दृश्यता गुण सेट करता है या लौटाता है कि कोई तत्व दृश्यमान होना चाहिए या नहीं।
दृश्यता गुण लेखक को किसी तत्व को दिखाने या छिपाने की अनुमति देता है। यह डिस्प्ले प्रॉपर्टी के समान है। हालांकि, अंतर यह है कि यदि आप सेट करते हैं display:none
, तो यह पूरे तत्व को छुपाता है, जबकि visibility:hidden
इसका मतलब है कि तत्व की सामग्री अदृश्य होगी, लेकिन तत्व अपनी मूल स्थिति और आकार में रहता है।
ब्राउज़र समर्थन
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 |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | दृश्यमान |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, यह दर्शाता है कि किसी तत्व की सामग्री प्रदर्शित है या नहीं |
सीएसएस संस्करण | सीएसएस 2 |
और ज्यादा उदाहरण
उदाहरण
प्रदर्शन गुण और दृश्यता गुण के बीच अंतर:
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 संदर्भ: दृश्यता गुण
❮ स्टाइल ऑब्जेक्ट