myExtraContent1
myExtraContent2

 
Stacks Image 152
5-5 class属性の操作
<div>にentryクラスを追加する
DEMO 
実行結果説明:実行ボタンでentryクラスを追加。entryクラスのCSS設定が有効になって色が変わる。
<div>にentryクラスとrecentクラスを追加する
DEMO 
実行結果説明:1つのdivに2つのクラスを追加する方法、CSS設定が有効になって色が変わる。
<div>にentryクラスを削除する
DEMO 
実行結果説明:これによりCSS設定が無効になる。これは2つのクラスの片方だけでも同じように削除できる。
<div id="content">をクリックするとclickedクラスが追加され、もう一度クリックでそのクラスが削除される
実行結果説明:「ここをクリック」をクリックするとclickedクラスが追加され、そのcssが有効になる。さらにクリックすると無効になる。


myExtraContent3