All geek questions in one place

What is the difference between style.left and element.offsetLeft

who can tell me what is different between style.left and element.offsetLeft , is it the same?

+6
source share
5 answers

element.offsetLeft Returns the number of pixels that the upper left corner of the current element is shifted to the left within the offsetParent node.

elem.style.left This property is a property from left from style attribute

+6
source

You can set style.left - it is user-defined and can even remain empty, and offsetLeft always read-only and always has its current position.

+2
source

element.offsetLeft returns the distance from the left edge of the node to the parent node in pixels.

style.left is the CSS style for the node and can be in any of the following formats: CSS block formats

+1
source

style refers to css rules, while the other refers to the actual offset of the element relative to the parent, regardless of whether the positioning is caused by css or something else, just like another object, span or something else.

0
source

style.left is the left position from the viewport, while element.offsetLeft is the offset position to the left of the outer parent element

0
source

Source: https://habr.com/ru/post/945974/

More articles:


All Articles