Eienskap offsetLeft
Eienskap offsetLeft bevat die linker
verskuiwing van 'n element relatief tot offsetParent.
Bevat die afstand vanaf offsetParent na die grens
van die element.
Sintaksis
element.offsetLeft;
Voorbeeld
Laat ons die verskuiwing van die element relatief tot
sy eie offsetParent vind:
<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);
Resultaat van kode-uitvoering:
100
Voorbeeld
Kantlyne margin
word ook opgetel in die verskuiwing:
<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);
Resultaat van kode-uitvoering:
150
Sien ook
-
eienskap
offsetTop,
wat die verskuiwing van die element bo bevat -
metode
getBoundingClientRect,
wat die verskuiwing van die element vind