Īpašība offsetLeft
Īpašība offsetLeft satur kreiso
nobīdi elementa attiecībā pret offsetParent.
Satur attālumu no offsetParent līdz elementa
robežai.
Sintakse
element.offsetLeft;
Piemērs
Atradīsim elementa nobīdi attiecībā
pret savu 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);
Koda izpildes rezultāts:
100
Piemērs
Atkāpes margin
arī tiek summētas nobīdē:
<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);
Koda izpildes rezultāts:
150
Skatiet arī
-
īpašība
offsetTop,
kura satur elementa augšējo nobīdi -
metode
getBoundingClientRect,
kura atrod elementa nobīdi