2016-10-24から1日間の記事一覧

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

JavaScript スタイルシートの操作①

<script type="text/javascript"> //JavaScriptからスタイルシートを操作① //インラインスタイルにアクセスする。<div>タグにマウスポインタを載せたタイミングで背景色をピンクに、外したタイミングで下の白色に切り替える。 function changeStyle(elem, color){ elem.style.backgroundColo</script>…