CODEWITHSUNDEEP
javascriptposition
Vivek Chandra
Vivek Chandra

Reputation: 4358

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

Using javascript - we can set the element relative position such as

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

But,on using the same console.log(object.style.position) - it does not return the position applied on the object - it returns NULL. Am i missing something here or is there another way to achieve what i'm trying to achieve??

Upvotes: 3

Views: 3183

Answers (2)

Jeremy Goodell
Jeremy Goodell

Reputation: 19012

Note also (by the same logic presented by pimvdb), if you specify an initial position as part of the object's style, it is accessible by div.style.position.

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

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

Upvotes: 0

pimvdb
pimvdb

Reputation: 154958

.style represents what's set on the element itself, much like the style attribute.

You could instead use 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"

Upvotes: 6

Related Questions