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
インターフェイスのすべてのプロパティおよびメソッドを継承しています。
インスタンスプロパティ
親である HTMLElement
から継承したプロパティがあります。
HTMLTitleElement.text
-
文字列で、文書の題名のテキストを表し、またテキスト部分のみを表します。例えば、この例を考えてみてください。
<!doctype html>
<html lang="en-US">
<head>
<title>
Hello world! <span class="highlight">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 Standard # htmltitleelement |
ブラウザーの互換性
BCD tables only load in the browser
関連情報
- このインターフェイスを実装している HTML 要素:
<title>