-->
./
<!-- フラ&#65533;ュが見れな&#65533;のためにここに何か書&#65533; --> フラ&#65533;ュがインス&#65533;&#65533;ルされて&#65533;&#65533;たいで&#65533;&#65533;&#65533;

2010年03月13日

[prototype.js]Title:class属性の追加/削除

参考:http://journal.mycom.co.jp/series/prototypejs/005/index.html

<button id="toggle_check" onclick="toggleTest();">show(表示)< /button>
<p id='toggle_text' style='display: none'>
 要素の表示/非表示 - show(表示) / hide(非表示) / toggle(交互)
 状態の確認 - visible
 $( 'demo' ).show(); または Element.show( 'demo' ); など

 要素の表示/非表示は、これら3つのメソッドで行う。toggleは、要素が表示されていればhide()を、表示していなければ
show()を実行する。要素が表示中であるかの確認はvisible()で行う。
 </p>

<style type="text/css">
  .style_01 { width: 400px; padding: 10px; color: green; }
  .style_02 { width: 600px; padding: 25px; color: pink; }
</style>

<button onclick="$( 'toggle_text' ).addClassName( 'style_01' );"> 01スタイルの追加</button>
<button onclick="$( 'toggle_text' ).removeClassName( 'style_01' );"& gt;01スタイルの削除</button>
<button onclick="$('toggle_text').addClassName( 'style_02' );">02ス タイルの追加</button>
<button onclick="$('toggle_text').removeClassName( 'style_02' );"> 02スタイルの削除</button>


posted by hirono at 04:15| Comment(0) | TrackBack(0) | JavaScript
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/36286753

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