JavaScript से कैसे पता करें कि कोई एलिमेंट छिपा हुआ है?

JavaScript से यह पता लगाने के लिए कि कोई एलिमेंट छिपा हुआ है या नहीं, निम्न कोड का उपयोग करें:

उदाहरण

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .hiddenDiv {       width: 100%;       padding: 20px;       text-align: center;       background-color: lightblue;       margin-top: 20px;       display: none;       font-size: 20px;    }    .showBtn {       border: none;       padding: 15px;       font-size: 18px;       background-color: rgb(86, 25, 155);       color: white;    } </style> </head> <body> <h1>Find hidden element using JavaScript</h1> <h2>Click on the below button to display hidden element</h2> <button class="showBtn">Show element</button> <div class="hiddenDiv"> This is a DIV element </div> <script>    document.querySelector(".showBtn").addEventListener("click", showHidden);    function showHidden() {       var x = document.querySelector(".hiddenDiv");       if (window.getComputedStyle(x).display === "none") {          x.style.display = "block";       }    } </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा:

"Show element" बटन पर क्लिक करने पर: