HTMLTitleElement
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
HTMLTitleElement インターフェイスは文書の <title> が実装しています。この要素は HTMLElement インターフェイスのすべてのプロパティおよびメソッドを継承しています。
インスタンスプロパティ
親である 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!"; と等価です。
仕様書
| 仕様書 |
|---|
| HTML # htmltitleelement |
ブラウザーの互換性
関連情報
- このインターフェイスを実装している HTML 要素:
<title>