offsetParent পদ্ধতি

offsetParent পদ্ধতি এলিমেন্টের নিকটতম অবস্থানকৃত পূর্বপুরুষ প্রাপ্ত করতে দেয়। 'অবস্থানকৃত' ধারণা দ্বারা বুঝানো হয় সেই এলিমেন্টকে যার CSS বৈশিষ্ট্য position relative, absolute, বা fixed মানে সেট করা। অ্যানিমেশন এবং পৃষ্ঠায় এলিমেন্ট স্থাপন করার সময় পদ্ধতিটি উপযোগী।

বাক্য গঠন

নিকটতম অবস্থানকৃত পূর্বপুরুষ প্রাপ্তি:

javascript$(selector).offsetParent();

উদাহরণ

আসুন #test আইডি যুক্ত অনুচ্ছেদের নিকটতম অবস্থানকৃত (আমাদের ক্ষেত্রে আপেক্ষিক) পূর্বপুরুষ খুঁজে বের করি এবং এর পটভূমি সবুজ রঙে রঞ্জিত করি:

html<div>
  <p>aaa</p>
  <div style="position: relative;">
    <p>bbb</p>
    <p>bbb</p>
    <p>bbb</p>
    <div>
      <p id="test">ccc</p>
      <div>
        <p>ddd</p>
        <p>ddd</p>
        <p>ddd</p>
      </div>
      <p>ccc</p>
      <p>ccc</p>
    </div>
  </div>
  <p>aaa</p>
  <p>aaa</p>
</div>

javascript$('#test').offsetParent().css('background-color', 'green');

আরও দেখুন