Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App

Related Articles

HTML | DOM head Property

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

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


Return value :- It returns the <head> element of the head object.

Below program illustrates the document.head property in HTML:


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


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

  • Google Chrome 4.0 and above
  • Edge 12.0 and above
  • Apple Safari 5.0 and above
  • Firefox 4.0 and above
  • Opera 11.0 and above
  • Internet Explorer 9.0 and above


My Personal Notes arrow_drop_up
Last Updated : 12 Aug, 2022
Like Article
Save Article
Similar Reads
Related Tutorials