Skip to content
Related Articles

Related Articles

Improve Article
HTML | DOM head Property
  • Difficulty Level : Basic
  • Last Updated : 25 Jul, 2019

The head property in HTML is used to return the first occurrence of the head if multiple heads in the document. It returns the reference of the head object, which represents the <head> element

Syntax:

document.head

Below program illustrates the document.head property in HTML:

Example:




<!DOCTYPE html>
<html>
    <head id="Article Head"
        <title>
            DOM document.head() Property in HTML
        </title
        <style
            h1 { 
                color:green; 
            
            h2 {
                font-family: Impact;
            }
            body { 
                text-align:center; 
            
        </style
    </head>
    <body>
        <h1>GeeksforGeeks</h1
        <h2>DOM document.head Property</h2
        <p>
         For displaying the Head of the document, 
         double click the "View Head" button:
        </p>
        <button ondblclick="myHead()">
         View Head
        </button>
        <p id="head"></p>
        <script>
            function myHead() {
                var gfg = document.head.id;
                document.getElementById("head").innerHTML = gfg;
            }
        </script>
    </body>
</html>                    

Output:

Supported Browsers: The browsers supported by DOM head property are listed below:

  • Google Chrome 4.0
  • Apple Safari 5.0
  • Firefox 4.0
  • Opera 11.0
  • Internet Explorer 9.0



My Personal Notes arrow_drop_up
Recommended Articles
Page :