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>
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.
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
BCD tables only load in the browser
See also
- The HTML element implementing this interface:
<title>.