javascript - 获取元素位置 - { absolute|relative|fixed } 返回空值？

Question

使用 javascript - 我们可以设置元素的相对位置，例如

object.style.position="绝对"||"固定"||"相对"

但是，使用相同的 console.log(object.style.position) - 它不返回应用在对象上的位置 - 它返回 NULL。我在这里遗漏了什么或者是否有其他方法可以实现我想要实现的目标？？

Answer 1

.style 表示元素本身的设置，很像 style 属性。

您可以改为使用 getComputedStyle:http://jsfiddle.net/qAbTz/1/ .

var div = document.getElementById("div");

console.log(div.style.position);              // "" (not null by the way)
console.log(getComputedStyle(div).position);​  // "fixed"