分配DOM风格VAR

Question

出于某种原因，如果我输入：

var i = document.getElementById('fake').style.backgroundPosition; 

我得到了一个未定义。

然而，

document.getElementById('fake').style.backgroundPosition; 

本身，返回正确的答案。

任何想法？

Answer 1

当我在Chrome中实际存在的元素上使用该行代码时，我得到的结果是i等于一个空字符串。你可以在这里看到这个jsFiddle：http://jsfiddle.net/jfriend00/b6syd/。

所以，如果你没有定义，那么当你运行代码时，你的对象可能不存在“假”。

element.style.backgroundPosition只会返回给您一个直接为该特定对象设置的实际内联样式设置或以编程方式设置的值。它不会从样式表返回计算样式。如果您想获得该属性的当前样式设置，那么你需要使用这样的事情：

var i = window.getComputedStyle(document.getElementById('fake'), null).getPropertyValue('background-position'); 

而且，它在IE浏览器不同。这就是像jQuery或YUI这样的框架非常有用的地方。

在jQuery中，这纯粹是这样的：

var i = $("#fake").css('backgroundPosition');