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 );

DEMO