HTML DOM document visibilityState Property

Namachila October 31, 2025

0 6 1 minute read

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>zambiatek</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, zambiatek 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!