HTML DOM Style visibility प्रॉपर्टी

HTML DOM Style visibility प्रॉपर्टी यह निर्धारित करती है कि कोई HTML एलिमेंट दस्तावेज़ में दिखाई देना चाहिए या नहीं। यह प्रॉपर्टी एलिमेंट की विजिबिलिटी को प्राप्त करने और सेट करने दोनों के लिए उपयोग की जाती है।

सिंटैक्स

निम्नलिखित सिंटैक्स है:

विजिबिलिटी प्राप्त करना

object.style.visibility

विजिबिलिटी सेट करना

object.style.visibility = "value"

मान (Values)

यहां value निम्नलिखित हो सकते हैं:

उदाहरण

आइए HTML DOM Style visibility प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <style> 
    body { 
        color: #000; 
        background: lightblue; 
        height: 100vh; 
    } 
    .btn { 
        background: #db133a; 
        border: none; 
        height: 2rem; 
        border-radius: 2px; 
        width: 40%; 
        display: block; 
        color: #fff; 
        outline: none; 
        cursor: pointer; 
        margin: 1rem 0; 
    } 
</style> </head> <body> 
<h1>DOM Style visibility Property Example</h1> 
<p>I'm paragraph element with some dummy text</p> 
<button onclick="add()" class="btn">Set visibility</button> 
<script> 
    function add() { 
        document.querySelector('p').style.visibility = "hidden"; 
    } 
</script> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

Set visibility बटन पर क्लिक करके पैराग्राफ एलिमेंट पर visibility को hidden सेट करें: