使用getElementById拉取CSS数据

Question

我正在尝试从一个元素中提取CSS数据，但出于某种原因我正在撞墙。我一直在盯着并试图调整相同的代码行一小时，我一直在未定义或NaN。

这是缩写的js：

var newVar = document.getElementById("cssItem").style.top;

css：

#cssItem {
position:   absolute;
top:        100px;
left:       100px;
width:      600px;
height:     400px; 
}

同样，每次我记录newVar它都会返回undefined或NaN。

Answer 1

Node.style仅适用于内联样式。如果要获取渲染样式，请使用：

var newVar = window.getComputedStyle( document.getElementById("cssItem") ).top;

这是小提琴：http://jsfiddle.net/q93B6/