offsetParent বৈশিষ্ট্য

offsetParent বৈশিষ্ট্যটি নিকটতম প্যারেন্ট ধারণ করে, যার সাপেক্ষে এলিমেন্টটি পজিশন করা হয়। এটি হবে হয়তো নিকটতম প্যারেন্ট, যার CSS বৈশিষ্ট্য position static এর সমান নয়, অথবা body ট্যাগ, যদি এমন পজিশনিং সহ কোন প্যারেন্ট না থাকে।

সিনট্যাক্স

element.offsetParent;

উদাহরণ

আসুন position বৈশিষ্ট্য সহ প্যারেন্ট এলিমেন্ট খুঁজে বের করি, static থেকে ভিন্ন:

<div id="parent3">
	<div id="parent2" style="position: relative">
		<div id="parent1">
			<p id="elem">text</p>
		</div>
	</div>
</div>

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

কোড 실행ের ফলাফল:

'parent2'

উদাহরণ

যদি প্যারেন্ট এলিমেন্টগুলির কোন পজিশনিং না থাকে, তাহলে offsetParent body ধারণ করে:

<div>
	<p id="elem">text</p>
</div>

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

কোড 실행ের ফলাফল:

'BODY'

আরও দেখুন

offsetParent বৈশিষ্ট্য,
যা পজিশনিং সহ প্যারেন্ট ধারণ করে
offsetTop বৈশিষ্ট্য,
যা এলিমেন্টের উপরের অফসেট ধারণ করে
offsetLeft বৈশিষ্ট্য,
যা এলিমেন্টের বামের অফসেট ধারণ করে
getBoundingClientRect মেথড,
যা এলিমেন্টের অফসেট খুঁজে পায়