JavaScript

titleタグを取得する【JavaScript】

この記事では、ページのタイトルタグ(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】」のようなことをすることができます。


ウェブつくを支えてくれるスポンサー

  • この記事を書いた人
ウェブつく管理人

ウェブつく管理人

WEB制作の仕事をしています。より簡潔に、より分かりやすく解説していきたいと思い、サイトを運営しています。「読むのが苦にならないサイト」を目指しています。よろしくお願いします。

-JavaScript

© 2020 ウェブつく Powered by AFFINGER5