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>
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>
<div style="margin: 1em;">
<p>変更前のdocument.title:<span id="sampleA"></span></p>
<p>変更後のdocument.title:<span id="sampleB"></span></p>
</div>