HOWTO · JavaScript

JavaScript 取得ページタイトル

JavaScript プロパティを介して、任意の Web ページのタイトルを簡単に取得できます。このドライブでは、document.title が大きな役割を果たします。また、getElementsByTagName は同じ意味で使用できます。

著者 Anika Tabassum Era公開日 2023-06-20更新日 2024-02-15

このページの内容

ページタイトルは、Web ページを一意に識別するものです。このタイトルは、一部の JavaScript プロパティによって取得または操作できます。

このタスクを実行する理由は、ページに関する通知を受け取るためです。次の例では、ページタイトルを取得する方法をカバーする 2つのインスタンスを示します。

1つ目は、タイトル名を取得して操作できる document.title プロパティに焦点を当てます。次に、TagName のインスタンスを作成してタイトルを取得できるかどうかを確認します。

JavaScript で `document.title` プロパティを使用してページタイトルを取得する

このインスタンスで document.title プロパティがどのようにタイトルを取得するかを見ていきます。ページに新しいタイトルを設定しない場合、プロパティはデフォルトで定義済みのタイトルを取得します。

ここでは、document.title は Test を返しますが、値を Title Changed に設定すると、それが新しいタイトルになります。

コードスニペット：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Test</title>
</head>
<body>
  <script>
    document.title = "Title Changed"
console.log(document.title);
    </script>
</body>
</html>

出力：

document.title プロパティを使用してページタイトルを取得

`getElementsByTagName` を使用して JavaScript でページタイトルを取得する

TagName を処理する場合、そのインスタンスを取得して、そのコンテンツ、別名 innerHTML プロパティを持つタイトルをフェッチしようとします。

コードスニペット：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Another Test</title>
</head>
<body>
<script>
  var title = document.getElementsByTagName("title")[0].innerHTML;
  console.log(title)
  </script>
</body>
</html>