The HTMLTitleElement interface is implemented by a document's <title>. This element inherits all of the properties and methods of the HTMLElement interface.
The HTMLTitleElement interface is implemented by a document's <title>. This element inherits all of the properties and methods of the HTMLElement interface.
Inherits properties from its parent, HTMLElement.
HTMLTitleElement.textA 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>
js
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.
No specific method; inherits methods from its parent, HTMLElement.
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!";
| Specification |
|---|
| HTML Standard # htmltitleelement |
| 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 |
<title>.
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTitleElement