თვისება offsetParent

თვისება offsetParent შეიცავს უახლოეს მშობელ ელემენტს, რომლის მიმართაც ხდება ელემენტის პოზიციონირება. ეს იქნება ან უახლოესი მშობელი, რომლის CSS თვისება position არ არის static, ან თეგი body, თუ მშობელი ასეთი პოზიციონირებით არ არსებობს.

სინტაქსი

ელემენტი.offsetParent;

მაგალითი

მოდი ვიპოვოთ მშობელი ელემენტი თვისებით position, რომელიც განსხვავდება static-ისგან:

<div id="parent3">
	<div id="parent2" style="position: relative">
		<div id="parent1">
			<p id="elem">ტექსტი</p>
		</div>
	</div>
</div>

let elem = document.querySelector('#elem');
console.log(elem.offsetParent.id);

კოდის შესრულების შედეგი:

'parent2'

მაგალითი

თუ მშობელ ელემენტებს არ აქვთ პოზიციონირება, მაშინ offsetParent შეიცავს body-ს:

<div>
	<p id="elem">ტექსტი</p>
</div>

let elem = document.querySelector('#elem');
console.log(elem.offsetParent.tagName);

კოდის შესრულების შედეგი:

'BODY'

იხილეთ აგრეთვე

თვისება offsetParent,
რომელიც შეიცავს მშობელს პოზიციონირებით
თვისება offsetTop,
რომელიც შეიცავს ელემენტის ზედა გადანაცვლებას
თვისება offsetLeft,
რომელიც შეიცავს ელემენტის მარცხენა გადანაცვლებას
მეთოდი getBoundingClientRect,
რომელიც პოულობს ელემენტის გადანაცვლებას