Как с помощью javascript узнать расстояние между элементами, не обращаясь к style?

Question

[Никита]

Проблема в том, что нужно узнать отступы для того, чтобы при выборе способа закрепления дочернего элемента(top, left, right, bottom) можно было бы узнать с той или иной стороны расстояние до края родительского элемента и установить это расстояние в качестве значения для одного из свойств(top, left, right, bottom).

Comments

[Никита]

Lynn «Кофеман», Точно! Как же я мог забыть! Спасибо за помощь, вы спасли меня от утраты времени)

Answer 1

[Insanus]

там подробней

offsetParent – «родитель по дереву рендеринга» – ближайшая ячейка таблицы, body для статического позиционирования или ближайший позиционированный элемент для других типов позиционирования.
offsetLeft/offsetTop – позиция в пикселях левого верхнего угла блока, относительно его offsetParent.
offsetWidth/offsetHeight – «внешняя» ширина/высота блока, включая рамки.
clientLeft/clientTop – отступ области содержимого от левого-верхнего угла элемента. Если операционная система располагает вертикальную прокрутку справа, то равны ширинам левой/верхней рамки, если же слева (ОС на иврите, арабском), то clientLeft включает в себя прокрутку.
clientWidth/clientHeight – ширина/высота содержимого вместе с полями padding, но без полосы прокрутки.
scrollWidth/scrollHeight – ширина/высота содержимого, включая прокручиваемую область. Включает в себя padding и не включает полосы прокрутки.
scrollLeft/scrollTop – ширина/высота прокрученной части документа, считается от верхнего левого угла.

Comments

[Никита]

Спасибо. Я до этого получил ответ, представляющий решение с помощью getBoundingClientRect и это решение полностью мне помогло.