ボタンクリックで文字の表示・非表示を切り替える
サンプルソース
<script language="Javascript">
function Click_Sub() {
if (document.all.div1.style.display == "none") {
document.all.div1.style.display = "block"
} else {
document.all.div1.style.display = "none"
}
}
</script>
<input type="button" value="クリック" onclick="Click_Sub()">
<div id="div1">表示・非表示</div>
|
displayで指定したHTML要素を表示または非表示にできます。
blockは表示、noneは非表示の設定です。
また、displayで表示状態の値を取得できます。
実行結果
表示・非表示
関連する内容