HTML DOMのlastModifiedプロパティとは？使い方とサンプルコードを解説
HTML DOMのlastModifiedプロパティは、現在のドキュメントが最後に更新された日時を文字列として返します。このプロパティは読み取り専用で、JavaScriptを使えばページの最終更新日を簡単に取得して表示できます。
返される日時の形式は一般的に「MM/DD/YYYY hh:mm:ss」です。静的なHTMLファイルではファイル自体の最終更新日時が返されますが、動的に生成されるページではサーバー側の設定によって返される値が変わる点に注意してください。
構文
lastModifiedプロパティの構文は以下の通りです。
最終更新の日時を取得する場合 −
document.lastModified
サンプルコード
HTML DOM lastModifiedプロパティの具体的な使用例を見てみましょう。ボタンをクリックすると、お知らせが発行された（ページが最後に更新された）日時が表示されます。
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM lastModified</title>
<style>
form {
width:70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin:5px;
}
input[type="button"] {
border-radius: 10px;
}
</style>
</head>
<body>
<form>
<fieldset>
<legend>HTML-DOM-lastModified</legend>
<label for="textSelect">NOTICE:
<input type="text" size="25" id="textSelect" value="Next Sunday will be a working" disabled>
</label>
<input type="button" onclick="getNoticeIssuedTime()" value="When was this issued?">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var textSelect = document.getElementById("textSelect");
function getNoticeIssuedTime() {
divDisplay.textContent = 'Notice was issued on: '+document.lastModified;
}
</script>
</body>
</html>
出力結果
上記のコードを実行すると、次のような出力が得られます。
「When was this issued?」ボタンをクリックする前 −
「When was this issued?」ボタンをクリックした後 − ページの最終更新日時が画面に表示されます。
-
【初心者向け】HTML DOMのoffsetParentプロパティの使い方とサンプルコード
offsetParentプロパティとは HTML DOM の offsetParent プロパティは、対象要素のオフセット（相対的な位置）がどの親要素を基準として定義されているかを示し、その基準となる親要素への参照を返します。 具体的には、CSS の position プロパティ（relative / absolute / fixed / sticky）が指定された最も近い祖先要素が基準となります。該当する要素が存在しない場合は <body> 要素が返されます。また、テーブルセル内の要素であれば <td> や <table> などのテーブル関連要素が基準にな
-
HTML DOM titleプロパティとは？使い方とサンプルコードを解説
HTML DOM titleプロパティとはHTML DOMのtitleプロパティは、HTML要素のtitle属性に対応する文字列を取得（戻り値として返す）したり、設定したりするためのプロパティです。title属性に値が設定されている場合、その要素にマウスカーソルを重ねると、ツールチップとしてテキストが表示されます。この動的な挙動をJavaScriptから制御できるのが、titleプロパティの役割です。構文title属性の値を取得する場合：ElementOfHTMLObject.titletitle属性に文字列を設定する場合：ElementOfHTMLObject.title = string使