javascript - 使用 getElementById 拉取 CSS 数据

Question

我试图从元素中提取 CSS 数据，但由于某种原因我碰壁了。我一直盯着并试图调整同一行代码一个小时，但我不断得到 undefined 或 NaN。

这是缩写的js：

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

的CSS：

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

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

score 2 · Accepted Answer

Node.style仅适用于内联样式。如果要获得渲染样式，请使用以下命令：

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

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

1 回答 1