1. 開発者向けのウェブ技術
  2. Web API
  3. HTMLTitleElement

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

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

ブラウザーの互換性

関連情報

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

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

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