JavaScript | ページタイトルを取得する方法

2021-07-14JavaScript 取得,JavaScript

JavaScriptで表示中のページにあるtitleタグからページタイトルを取得する方法を紹介しています。

ページタイトルを取得する

document.querySelector()を使ってtitleタグを取得してページのタイトルを取得するサンプルコードです。

サンプルでは取得したtitleタグの情報からinnerTextで中身を取得しています。

titleタグは1つのHTML内にひとつという事を前提にdocument.querySelector()を利用していますが、そうではない可能性がある場合はdocument.querySelectorAllを利用して下さい。

<title>ページタイトル</title>

let title = document.querySelector(`title`).innerText;

console.log(title);
// ページタイトル

サイトタイトルなど固定の文字列を含めない場合は、replace()関数を使って該当部分を削除して対応します。

<title>ページタイトル | サイトタイトル</title>

let title = document.querySelector(`title`).innerText;
title = title.replace(' | サイトタイトル', '');
console.log(title);
// ページタイトル