HTMLElement: styleプロパティ

(Web API > HTMLElement)
https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/style

JavaScriptでCSSのstyleを操作するにはstyleプロパティで指定する。
style プロパティは、CSS カスケードにおいて、style 属性で設定されたインラインスタイル宣言と同じ優先順位を持つ。
ここで指定するCSS プロパティ名は、以下のルールで JavaScript の識別子に変換される。

  • プロパティが 1 語で構成されている場合は、そのままの形になる。height はそのまま(小文字で)残る。
  • プロパティがダッシュ区切りで複数の単語から構成されている場合は、ダッシュが削除されて キャメルケース へと変換される。background-attachment は backgroundAttachment となる。
  • プロパティ float は JavaScript の予約語なので、 cssFloat に変換される。
#div1 {
  background-color: blue;
}

上記と同じことをJavaScriptで実現するには以下のように記述する。

document.getElementById('div1').style.backgroundColor = 'blue';
inserted by FC2 system