このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
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 インターフェイスのすべてのプロパティおよびメソッドを継承しています。
インスタンスプロパティ
親であるHTMLElement から継承したプロパティがあります。
HTMLTitleElement.text文字列で、文書の題名のテキストを表し、またテキスト部分のみを表します。例えば、この例を考えてみてください。
<!doctype html><html lang="en-US"> <head> <title> Hello world! <span>Isn't this wonderful</span> really? </title> </head> <body></body></html>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>