Хосияти 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,
ки ҷойивазкунии унсурро меёбад
