JavascriptでDIV～DIVをリロードで

はじめまして質問いたします。

JavaScriptにて<div id="test">～</div>の間をリロード毎に変更させたいのです。

<div id="test">
<h2>リーロード毎に変更</h2>
<div id="contents">
<img src="../images/test.jpg">
<p>テスト要素です</p>
</div>
</div>

上記の<div id="test">～</div>の中身をページを開いたり、リロードする度に変更させたいのですが、
Javascriptを使用して自動でできるようにしたいのですが、どうかご教授ください。

よろしくお願いします。

No.1 回答者： yambejp 回答日時： 2014/02/24 15:45

>リロードする度に変更させたい

どう変更させるのでしょうか？
ただし今回の件はjavascriptでやるよりサーバー側で処理するものだと思いますが

No.2 回答者： Ogre7077 回答日時： 2014/02/24 16:44

<script>addEventListener('load',function(ev){

var mode = Math.random() * 100 | 0;
var html = HTML文字列を取得する関数(mode);
document.getElementById('test').innerHTML = html;
},false)</script>