現在適用されているCSSの値をJavascriptで取得する

外部CSSファイルからなどで適用されているCSSのスタイル(や値)を取得するスクリプトです。
通常、Javascriptからstyleを操作する場合、「element.style.marginLeft = '15px'」などと記述すると思います。

しかしこれ、「style = element.style.marginLeft」などとしても、Javascriptで値を設定したあとでないとうまく値を取得できません。

ここに適用されているスタイル
スクリプトから以下の値を取得してみる

element.style.propatyの形でCSSを取得しようとしてみます。
上のスクリプトを実行しても、値は空になります。 ⇒サンプルを実行

CSSファイルなどで指定されている値を取得するには上のスクリプトで実現できます。 ⇒サンプルを実行