The visibilityState property returns the visibility of the document. This is a read-only property.
Syntax:
letvis = document.visibilityState;
Return Value:
- visible: When page content may be visible to the user.
- hidden: When page content is not visible to the user.
- prerender: when the document is being prerendered and is not visible to the user.
Example: In this example, we are using the above-explained property.
HTML
<!DOCTYPE html><html>Â Â Â <body>Â Â Â Â <h1>neveropen</h1>Â
    <button onclick="get()">        Get visibility    </button>Â
    <script type="text/javascript">        function get() {            let m = document.visibilityState;            console.log(m);        }    </script></body>   </html> |
Output:
Â
Supported Browsers:
- Google Chrome
- Edge
- Firefox
- Opera
- Safari
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
… [Trackback]
[…] Info to that Topic: geeksforgeeks.org/html-dom-document-visibilitystate-property/ […]