Tutorialspoint.dev

HTML | DOM title Property

The DOM title property is used to return the title of the HTML document and also used to sets the value of the title in the document. This property is used to specify the information about title.

Syntax:

  • It is used to return the title property
    document.title
  • It is used to sets the title property
    document.title = newTitle

Property: The DOM title property contains a value of new title which is used to returns a title of a document.

Example 1:

<!DOCTYPE html>
<html>
    <head>
        <title>DOM title Property</title>
        <style>
            h1 {
                color:green;
            }
            body {
                text-align:center;
            }
        </style>
    </head>
    <body>
        <h1>GeeksforGeeks</h1>
        <h2>DOM title Property</h2>
        <button onclick="geeks()">Submit</button>
        <p id="sudo"></p>
        <script>
        function geeks() {
            var x = document.title;
            document.getElementById("sudo").innerHTML = x;
        }
        </script>
    </body>
</html>                    

Output:

Example 2:

<!DOCTYPE html>
<html>
    <head>
        <title>DOM title Property</title>
        <style>
            h1 {
                color:green;
            }
            body {
                text-align:center;
            }
        </style>
    </head>
    <body>
        <h1>GeeksforGeeks</h1>
        <h2>DOM title Property</h2>
        <button onclick="geeks()">Submit</button>
        <p id="sudo"></p>
        <script>
        function geeks() {
            document.getElementById("sudo").innerHTML = "New DOM Title";
        }
        </script>
    </body>
</html>                    

Output:

Supported Browsers: The browser supported by DOM title property are listed below:

  • Apple Safari
  • Google Chrome
  • Firefox
  • Opera
  • Internet Explorer


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter