offsetLeft қасиеті
offsetLeft қасиеті элементтің
offsetParent-ке қатысты сол
ығысуын қамтиды. offsetParent-тен элементтің шекарасына
дейінгі қашықтықты қамтиды.
Синтаксис
элемент.offsetLeft;
Мысал
Элементтің өз offsetParent-іне қатысты ығысуын табайық:
<div id="parent" style="position: relative;">
<div id="elem" style="position: absolute; left: 100px"></div>
</div>
let elem = document.querySelector('#elem');
console.log(elem.offsetLeft);
Код орындау нәтижесі:
100
Мысал
margin шектеулері
де ығысуға қосылады:
<div id="parent" style="position: relative;">
<div id="elem" style="position: absolute; left: 100px; margin: 50px"></div>
</div>
let elem = document.querySelector('#elem');
console.log(elem.offsetLeft);
Код орындау нәтижесі:
150
Сондай-ақ қараңыз
-
offsetTopқасиеті,
ол элементтің жоғарыдан ығысуын қамтиды -
getBoundingClientRectәдісі,
ол элементтің ығысуын табады
