CSSのスタイルを動的に変更する方法

このエントリーをはてなブックマークに追加


JavascriptでCSSのスタイルを動的に変更するには、要素(idやclass).style.○○から変更後の値を指定する事で可能です

Javascript
document.getElementById("xxx").style.○○ = 値;

Jquery
$('#xxx').style.○○ = 値;


サンプル1 要素のサイズ変更




サンプル2 要素の位置変更