offsetParent বৈশিষ্ট্য

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

সিনট্যাক্স

javascriptelement.offsetParent;

উদাহরণ

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

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

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

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

javascript'parent2'

উদাহরণ

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

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

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

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

javascript'BODY'

আরও দেখুন