offsetParent metodu

offsetParent metody elementiň iň ýakyn pozisionirlenen atasyny almaga mümkinçilik berýär. 'Pozisionirlenen' diýen düşünje position CSS aýratynlygy relative, absolute, ýa-da fixed bahalaryna berlen elementi aňladýar. Bu metoddan animasiýa we sahypada elementleri ýerleşdirmekde peýdalanylýar.

Syntax

Iň ýakyn pozisionirlenen atany almak:

javascript$(selektor).offsetParent();

Mysal

Geliň, #test bilen abzasynyň iň ýakyn pozisionirlenen (bizim ýagdaýymyzda nisbiý) atasyny tapalyň we onuň fonyny ýaşyl reňke öwüreliň:

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');

Şeýle-de serediň