HTML DOM fullscreenEnabled() Method Last Updated : 11 Jul, 2025 Comments Improve Suggest changes Like Article Like Report The fullscreenEnabled() method in HTML DOM is used to check whether the document can be viewed in full-screen mode or not. It returns a single read-only Boolean value. This method may require specific prefixes to work with different browsers. Syntax:document.fullscreenEnabled()Parameters: This method does not accept any parameters. Return Value: It returns a boolean value:True: If the document can be viewed in full-screen mode.False: If the document cannot be viewed in full-screen mode.Example 1: html <!DOCTYPE html> <html> <head> <title> HTML DOM fullscreenEnabled() method </title> <!-- script to check full screen enabled or not --> <script> function requestFullScreen() { let isFullscreenSupported = /* Standard syntax */ (document.fullscreenEnabled || /* Chrome, Safari and Opera */ document.webkitFullscreenEnabled || /* Firefox */ document.mozFullScreenEnabled || /* IE/Edge */ document.msFullscreenEnabled); document.querySelector('.isSupported').innerHTML = isFullscreenSupported; } </script> </head> <body> <h1> GeeksforGeeks </h1> <h2> fullscreenEnabled() method </h2> <!-- script called here --> <button onclick="requestFullScreen();"> Check fullscreen supported </button> <p>Fullscreen support:</p> <div class="isSupported"></div> </body> </html> Output: Example 2: html <!DOCTYPE html> <html> <head> <title> HTML DOM fullscreenEnabled() method </title> <!-- script to enable full screen --> <script> function goFullScreen() { if ( /* Standard syntax */ document.fullscreenEnabled || /* Chrome, Safari and Opera */ document.webkitFullscreenEnabled || /* Firefox */ document.mozFullScreenEnabled || /* IE/Edge */ document.msFullscreenEnabled ) { elem = document.querySelector('#image'); elem.requestFullscreen(); } else { console.log('Fullscreen not enabled') } } </script> </head> <body> <h1>GeeksforGeeks</h1> <h2> HTML DOM fullscreenEnabled() method </h2> <img id="image" src= "https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-logo.png" /> <br> <button onclick="goFullScreen();"> Fullscreen </button> </body> </html> Output: Supported Browsers: The browser supported by fullscreenEnabled() method are listed below:Google ChromeEdge FirefoxOperaSafari Comment More infoAdvertise with us Next Article HTML DOM DD Object S sayantanm19 Follow Improve Article Tags : Web Technologies HTML HTML-DOM Similar Reads HTML DOM Style borderBottomStyle Property The style borderBottomStyle property in HTML DOM is used to set or return the style of the bottom border of an element. Syntax: It returns the style of the bottom border.object.style.borderBottomStyleIt sets the style of the bottom border.border-bottom-style: value; Property Values: none: It is the 2 min read HTML DOM Del Object The Del Object in HTML DOM is used to represent the HTML <del> element. The <del> element can be accessed by getElementById(). Object Properties: cite: It is used to set or return the value of the cite attribute of a deleted element.dateTime: It is used to sets or return the value of the 2 min read HTML DOM removeAttribute() Method The DOM removeAttribute() method is used to remove an attribute with specified name from the element. It is similar to the removeAttributeNode() method but the difference is that the removeAttributeNode method is used to remove the specified attribute object, but on the other hand, removeAttribute r 1 min read HTML DOM DD Object The DOM DD Object is used to represent the HTML <DD> element. The DD element is accessed by getElementById(). Syntax: document.getElementById("ID"); Where “id†is the ID assigned to the “dd†tag. Example 1: In this example, we will use DOM DD Object. HTML <!DOCTYPE html> <html> 2 min read HTML DOM Style backgroundClip Property The DOM style backgroundClip Property is used to set or return the painting area of the background. Syntax: It is used to return the backgroundClip property.object.style.backgroundClip It is used to set the backgroundClip property. object.style.backgroundClip = "border-box|padding-box|content-box|in 1 min read HTML DOM setAttributeNode() Method The setAttributeNode() method in HTML DOM is used to add the specified attribute node to an element. If the specified attribute is already present, then this method replaces it. Syntax: element.setAttributeNode(name) Parameter: Only one parameter is accepted name.Where the name is the attribute node 1 min read HTML DOM BR Object The DOM BR Object is used to represent the HTML <br> element. The br element is accessed by getElementById(). Syntax: document.getElementById(id) Where "id" is the ID assigned to the br tag. Property: clear: It is used to Sets or return the flow of text around floating objects Example 1: In th 2 min read HTML DOM className Property In the HTML document, the className property is used to set or return the value of an element’s class attribute. Using this property, the user can change the class of an element to the desired class. Syntax: returns the className propertyHTMLElementObject.className;sets the className propertyHTMLEle 3 min read HTML DOM Location reload() Method The location reload() method in HTML DOM is used to reload the current document. This method refreshes the current documents. It is similar to the refresh button in the browser. Note: It does not return any value. Syntax:location.reload( forceGet )Parameters: It does not take any parameters Exampl 1 min read HTML DOM Datalist Object The DOM Datalist Object is used to represent the HTML <Datalist> element. The Datalist element is accessed by getElementById(). Properties: It has an 'Option' attribute which is used to return the collection of all options values in a datalist. Syntax: document.getElementById("gfg"); Where "gf 2 min read Like