JavaScriptからスタイルシートにアクセスする方法

JavaScriptからスタイルシートにアクセスする方法

　まず、標準的なプロパティにアクセスするには、アクセスするプロパティ名に注目します。ここでは例として背景色を示すbackground-colorプロパティで説明します。スタイルシートのプロパティ名はbackground-colorプロパティのように-（ハイフン）が入っているものとcolorのように -（ハイフン）がないものがあります。ハイフンがないプロパティの場合には、以下のようにそのままプロパティ名を記述します。
対象オブジェクト.style.color
　これに対してスタイルシートプロパティ名に -（ハイフン）が入っているものは -（ハイフン）を取り、直後の英文字を大文字にします。background-colorプロパティであれば以下のようになります。
対象オブジェクト.style.backgroundColor
　ブラウザ独自のもの以外（つまりW3C標準）は、この規則に従います。これだけ覚えておけば、どのスタイルシートプロパティにもアクセスすることができます。