JavascriptでCSSを操作

例えば非表示にしておいたFORMを表示に切り替えたい場合、HTMLでスタイルに”display:none”を指定して非表示にしておきます。

これを、Javascriptの中で、document.getElementById(‘form_id’).style.display= “block”;とすれば、FORMブロックとして表示されます。

「document.getElementById(‘form_id’).style」で得られるオブジェクトはDOMの「CSSStyleDeclaration」です。このプロパティを調べれば他のスタイル属性も変更できます。