JavaScript 取得ページ タイトル
Anika Tabassum Era
2024年2月15日
JavaScript
JavaScript Title
-
JavaScript で
document.titleプロパティを使用してページ タイトルを取得する -
getElementsByTagNameを使用して JavaScript でページ タイトルを取得する
ページ タイトルは、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>
出力：
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>
出力：
チュートリアルを楽しんでいますか？ <a href="https://www.youtube.com/@delftstack/?sub_confirmation=1" style="color: #a94442; font-weight: bold; text-decoration: underline;">DelftStackをチャンネル登録</a> して、高品質な動画ガイドをさらに制作するためのサポートをお願いします。 Subscribe
