5

HTML | DOM title Property

 3 years ago
source link: https://www.geeksforgeeks.org/html-dom-title-property/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
DOM title Property
Related Articles
HTML | DOM title Property
  • Difficulty Level : Basic
  • Last Updated : 25 Jul, 2019

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 the 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 the 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:

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

report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK