कैसे एलीमेंट को छुपा है का पता लगाएं

जानें कि कैसे JavaScript के द्वारा एलीमेंट को छुपा है का पता लगाएं。

छुपा हुए एलीमेंट की जांच करें

उदाहरण

यदि <div> एलीमेंट छुपा है, तो नीचे की काम करें:

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).display === "none") {
    // कुछ काम करें..
  }
}

स्वयं प्रयोग करें

ध्यान दें:जब display:none छुपा हुए एलीमेंट को (जैसा कि ऊपर का उदाहरण दिया गया है), इस एलीमेंट को कोई स्थान नहीं लेता है。

किसी एलीमेंट को छुपा हुआ है का पता लगाने के लिए visibility:hidden छुपा दिया है, नीचे का उदाहरण देखें. इस "छुपा दिए हुए" एलीमेंट को स्थान लेता है。

उदाहरण

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).visibility === "hidden") {
    // कुछ काम करें..
  }
}

स्वयं प्रयोग करें

संबंधित पृष्ठ

शिक्षा:CSS दिखाए

शिक्षा:कैसे करें: छुपा/दिखाएं एलीमेंट को टॉगल करें