जावास्क्रिप्ट के साथ HTML एलिमेंट कैसे छिपाएं?

किसी एलिमेंट को छिपाने के लिए जावास्क्रिप्ट में visibility प्रॉपर्टी का उपयोग करें। visibility प्रॉपर्टी के साथ एलिमेंट को छिपाना सीखने के लिए निम्न कोड चलाकर देखें:

उदाहरण

<!DOCTYPE html> <html>    <body>       <p id = "pid">Demo Text</p>       <button type = "button" onclick = "displayHide()">छिपाएं</button>       <button type = "button" onclick = "displayShow()">दिखाएं</button>             <script>          function displayHide() {             document.getElementById("pid").style.visibility = "hidden";          }          function displayShow() {             document.getElementById("pid").style.visibility = "visible";          }       </script>    </body> </html>