dom / latest / htmltitleelement.html /

HTMLTitleElement

The HTMLTitleElement interface contains the title for a document. This element inherits all of the properties and methods of the HTMLElement interface.

EventTarget Node Element HTMLElement HTMLTitleElement

Properties

Inherits properties from its parent, HTMLElement.

HTMLTitleElement.text

Is a DOMString representing the text of the document's title, and only the text part. For example, consider this:

<!doctype html>
<html>
    <head>
        <title>Hello world! <span class="highlight">Isn't this wonderful</span> really?</title>
    </head>
    <body></body>
</html>
let title = document.getElementsByTagName('title')[0];
console.log( title.text ); // yield: "Hello world!  really?"

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

Methods

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

Example

Do not confuse: document.title with document.getElementsByTagName('title')[0]

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.getElementsByTagName('title')[0].text = "Hello world!";

Specifications

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
1
18
4
≤12.1
1
1.0
text
1
12
1
9
≤12.1
3
1
18
4
≤12.1
1
1.0

See also

  • The HTML element implementing this interface: <title>.

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTitleElement