HTMLTitleElement

Baseline Widely available

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

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
# htmltitleelement

ブラウザーの互換性

Enable JavaScript to view this browser compatibility table.

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 2023年7月20日 by MDN contributors.

View this page on GitHub • Report a problem with this content

HTMLTitleElement

In this article

インスタンスプロパティ

インスタンスメソッド

例

仕様書

ブラウザーの互換性

関連情報

Help improve MDN