获取返回空值的元素 { 绝对|相对|固定 }

Getting the element { absolute|relative|fixed } returning null value?

本文关键字：相对 固定 绝对 返回 空值 元素 获取      更新时间：2023-09-26

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

object.style.position="absolute"||"fixed"||"relative"

但是，在使用相同的console.log(object.style.position)时 - 它不返回应用于对象的位置 - 它返回NULL .我在这里错过了什么，还是有另一种方法可以实现我想要实现的目标？

.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"

另请注意（通过 pimvdb 提供的相同逻辑），如果将初始位置指定为对象样式的一部分，则可以通过div.style.position 访问它。

<div id="div" style="position: absolute;"></div>

http://jsfiddle.net/qAbTz/4/

相关文章：