javascript - js スタイル プロパティは、スタイル css の空白を返します

Question

js 条件ステートメントに div の css プロパティを使用したいと考えています。

私はcssのこのコードを持っています:

div.desc{
   position:relative;
   top:0px;
   left:0px;
}

今、私は自分のjsでそれを使いたいので、トップに警告しようとしています.

alert(document.getElementsByClassName('desc')[0].style.top)

しかし、私は空白のリターンを得ました。

私のコードは間違っていますか? または、js を使用して div クラス desc の css プロパティを取得できる可能性はありますか?

Answer 1

jqueryでできます。

alert($('.desc').eq(0).css('top'));

Answer 2

クラスを持つ最初のアイテムdescにスタイル トップが設定されていますか? そうでない場合は、継承または推測されます。

Answer 3

あなたはこのようにそれを得ることができます

var el = document.getElementsByClassName('desc')[0];
var comp = el.currentStyle || getComputedStyle(el, null);
alert( comp.top );

デモ

</p>