2007年07月02日

javascript:表示非表示の切り替え

リンクのクリックで、表示非表示を切り替える。



<head>
<script type="text/javascript">
<!--
function changeOnOff(id){
var elm = document.getElementById(id)
if (elm.style.display == "none"){
elm.style.display = "block"
}else{
elm.style.display ="none"
}
}
</script>
</head>
<body>
<a href="JavaScript:changeOnOff("id1")>push</a>
<div id="id1" style="display:none">
こんてんつ
</div>
</body>

タグ:javascript
posted by sistailsnow at 18:28| Comment(0) | TrackBack(0) | やってみた | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/46460135
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。