HTMLTitleElement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTMLTitleElement インターフェイスは文書の <title> が実装しています。この要素は HTMLElement インターフェイスのすべてのプロパティおよびメソッドを継承しています。

EventTarget Node Element HTMLElement HTMLTitleElement

インスタンスプロパティ

親である HTMLElement から継承したプロパティがあります。

HTMLTitleElement.text

文字列で、文書の題名のテキストを表し、またテキスト部分のみを表します。例えば、この例を考えてみてください。

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?"

ご覧の通り、span タグとその内容はスキップされています。

インスタンスメソッド

固有のメソッドはありません。親である HTMLElement から継承したメソッドがあります。

例

document.title と document.querySelector('title') を混同しないでください。

前者は文書の題名の内側のテキスト値を設定したり取得したりするための単なるセッター/ゲッターメソッドで、後者は HTMLTitleElement オブジェクトです。ですから、document.title.text = "Hello world!"; のように書くことはできません。

代わりに、シンプルに document.title = "Hello world!"; と書くことができます。これは document.querySelector('title').text = "Hello world!"; と等価です。

仕様書

Specification
HTML Standard
# htmltitleelement

ブラウザーの互換性

BCD tables only load in the browser

関連情報

  • このインターフェイスを実装している HTML 要素: <title>