document.titleプロパティ

document.titleは、ドキュメントのタイトルを取得、もしくは、設定するプロパティ。

構文

取得

var $title = document.title;

戻り値

ドキュメントのタイトル。

設定

document.title = newTitle;

サンプル

変更前のdocument.title:

変更後のdocument.title:

サンプルの動作について

「title」ボタンをクリックすると

  • 「変更前のdocument.title:」の右横に、「」と表示する。
  • 「変更後のdocument.title:」の右横に、「document.titleプロパティ」と表示する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function sampleTitle() {
    document.getElementById( "sampleA" ).innerHTML = document.title;
    document.title = "document.titleプロパティ";
    document.getElementById( "sampleB" ).innerHTML = document.title;
}
</script>

HTML

<button onclick="sampleTitle();">title</button>
<div style="margin: 1em;">
    <p>変更前のdocument.title:<span id="sampleA"></span></p>
    <p>変更後のdocument.title:<span id="sampleB"></span></p>
</div>

スポンサード リンク

カテゴリー: Documentオブジェクト, DOM, JavaScript, プロパティ, リファレンス パーマリンク