【サンプル】タグ（文章の）の入れ替え

indexに戻る JavaScriptの基本 用語解説 使えるJavaScript

ダイアログボックス ウィンドウ イベント メソッド 演算子 数学関数（Math） 【サンプル】タグ（文章の）の入れ替え

配列 日付 フォーム1 フォーム2 フォーム3

正規表現 DOM 関数 画像

文章の入れ替えの基本

document.getElementById().innerHTML="";

上記のスクリプトでHTMLタグを置き換える事が出来る。

配列を使うともっと簡単にキレイに出来る。

<script type="text/javascript">
	col = new Array();//colと言う名前の空の配列を作る
	col[0] = "<img src='image/tuhan0.jpg' width='300' height='300' alt='サンプル' /><p>ここに文章がでます１</p>";
	col[1] = "<img src='image/tuhan1.jpg' width='300' height='300' alt='サンプル' /><p>ここに文章がでます２</p>";
	col[2] = "<img src='image/tuhan2.jpg' width='300' height='300' alt='サンプル' /><p>ここに文章がでます３</p>";

	a = Math.floor(Math.random() * col.length);
	document.write(col[a]);
</script>

上記はtest.jsより外部ファイルで表示させています。
functionの呼び出し　<script type="text/javascript">change()</script>