HTMLTitleElement

The HTMLTitleElement interface is implemented by a document's <title>. This element inherits all of the properties and methods of the HTMLElement interface.

Instance properties

Inherits properties from its parent, HTMLElement.

HTMLTitleElement.text: A string representing the text of the document's title, and only the text part. For example, consider this:

html

<!doctype html>
<html lang="en-US">
  <head>
    <title>
      Hello world! <span class="highlight">Isn't this wonderful</span> really?
    </title>
  </head>
  <body></body>
</html>

const title = document.querySelector("title");
console.log(title.text); // yield: "Hello world!  really?"

As you can see, the tag span and its content were skipped.

Instance methods

No specific method; inherits methods from its parent, HTMLElement.

Example

Do not confuse: document.title with document.querySelector('title')

The former is just a setter/getter method to set or get the inner text value of the document title, while the latter is the HTMLTitleElement object. So you cannot write: document.title.text = "Hello world!";

Instead, you can simply write: document.title = "Hello world!"; which is an equivalent to document.querySelector('title').text = "Hello world!";

Specifications

Specification
HTML Standard # htmltitleelement

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`HTMLTitleElement`	1	12	1	5.5	≤12.1	3	4.4	18	4	≤12.1	1	1.0
`text`	1	12	1	9	≤12.1	3	4.4	18	4	≤12.1	1	1.0

Docs

Docs4dev

Title here