style.pixelLeft and style.left

[pcbrainbuster]

Hello ,

Can anyone please tell me what is the difference between left and pixelLeft in the style propertie ?

Thanks

[jscheuer1]

The main differences I can think of are:

1. pixelLeft is proprietary to some (possibly only IE) browsers.
2. pixelLeft isn't a style, it is a javascript setter/getter property of an element's style.
3. pixelLeft assumes pixels as units and is an integer.
4. left is used by virtually all browsers and to work generally (but not always) requires that the units be specified (left:20px; or left:10%; etc.)
5. left is a style property as well as a javascript setter/getter property of an element's style. It is a string not an integer.

See also:

http://msdn.microsoft.com/workshop/a.../pixelleft.asp

[pcbrainbuster]

So technically left and pixelleft are same apart from above differences ?

[jscheuer1]

Pretty much but, the differences are significant. Since everything that can be accomplished with pixelLeft can be done with left and/or other cross browser techniques and, left works in all browsers, I'd just forget about pixelLeft unless it came in handy for something that needed to be IE only and didn't cause other problems.

BTW - This works in IE 7, Opera 9.01 but, not in FF:

<div style="position:relative;left:10px;" onclick="alert(this.style.pixelLeft);">Hi</div>

[pcbrainbuster]

Thanks for your help !

[mburt]

It would be a good idea to use [object].offsetLeft instead. Or parseInt([object].style.left).