この記事では、ページのタイトルタグ(head内のtitle)を取得する方法を紹介していきます。
meta情報を取得したい方は「メタタグの情報(description,keywordsなど)を取得する」をご覧ください。
titleタグを取得する
titleタグの取得はとてもシンプルです。
以下で取得できます。
document.title
サンプルとして、ボタンをクリックで、meta titleを表示するデモを用意しました。
タイトル:
実際のコードは以下になります。
<input type="button" value="タイトルを表示する" onclick="getTitle()">
<p>タイトル:<span id="ttl"></span></p>
function getTitle() {
var title = document.title;
var target = document.getElementById('ttl');
target.innerHTML = title;
}
以上です。
これを応用すると、「URLとタイトルをクリップボードにコピーする【JavaScript】」のようなことをすることができます。