説明

今回はボタンの文字を変えます。 「開始」「終了」など、状態に応じてボタンの文字を変えてやれば、ボタンを１つで済ませることができます。

実行例

コード

function setOnOff(obj){
	if (obj.value == "OFF") {
		obj.value = "ON";
	} else {
		obj.value = "OFF";
	}
}

<INPUT type="button" value="OFF" onClick="setOnOff(this);">

解説＆ステップアップ

IE(確認ver.5.0)の場合は、文字によってボタンのサイズが変わりますが、NN(確認ver.4.7)では、ページを読みこんだ時のサイズに固定されてしまいます。

動作確認

IE5.0(win)、IE5.5(win)、NN4.7(win)