Web Developer's Room
HOME > DHTML サンプル集 > 応用編     

応用編

ボタンクリックで文字の表示・非表示を切り替える

<html>
<body>

<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>

</body>
</html>

 サンプル




スポンサードリンク


(C) Web Developer's Room All rights reserved.