javascript - js 样式属性返回样式 css 的空白

Question

我想将 div 的 css 属性用于我的 js 条件语句。

我有这个 css 代码：

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

现在，我想在我的 js 中使用它，所以我尝试提醒顶部。

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

但我得到了空白回报。

我的代码做错了吗？或者我可以使用 js 获取 div 类 desc 的 css 属性？

score 0 · Accepted Answer

0

你可以用jquery来做。

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

于 2012-11-20T05:36:43.853 回答

score 0 · Accepted Answer

具有该类的第一个项目是否desc设置了样式顶部？如果不是，它是继承或推断的。

score 0 · Accepted Answer

你可以像这样得到它

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

</p>

3 回答 3