JavaScript スタイルシートを操作する②
<link rel="stylesheet" type="text/css" href="style.css"/> <script type="text/javascript"> //className.html //外部スタイルシートで定義されたスタイル(スタイルクラス)にアクセスするには //classNameプロバティを使用する。 function changeStyle(elem, clazz){ //指定要素に対して、スタイルクラスclazzを適用する elem.className = clazz; } </script> <div onmouseover="changeStyle(this, 'highlight')" onmouseout="changeStyle(this, 'normal')"> マウスを乗せると色が変わります。</div>
/*style.css*/ .Highlight{ Background-color: Pink; } .normal{ Background-color: White; }
改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで
- 作者: 山田祥寛
- 出版社/メーカー: 技術評論社
- 発売日: 2016/09/30
- メディア: 大型本
- この商品を含むブログを見る