offsetParentプロパティ

この要素<P>の

<div>にはposition設定無し
この<P>タグ要素の
     
親要素が異なる。即ち、HTMLタグ構造上では<div>が親要素になるが、表示位置決め構造上では<body>が親になる。

<div style="position:absolute;top:210;left:50;>
この<P>タグ要素の
     
親要素は両方ともDIVで一致する。

 

 

<div style="position:relative;top:10;left:50;>
この<P>タグ要素の
     
親要素が異なる。即ち、HTMLタグ構造上では<div>が親要素になるが、表示位置決め構造上では<body>が親になる。
ただし、子要素がposition:absolute配置されている場合は、表示位置決め構造上でも<div>になる。

<div style="width:500>
この<P>タグ要素の
     
親要素は両方ともDIVで一致する。

<fieldset>タグ内でのoffsetParent

この<P>タグ要素の
     
親要素は両方ともfieldsetで一致する。

 

offsetParentとparentElement●HTMLタグ構造上での親要素はparentElementプロパティで取得できる。
●ある要素の位置決めの基準になる親要素はoffsetParentプロパティで取得できる。必ずしもparentElementと一致しない

*以下の条件に該当する要素だけがoffsetParentになり得る。
    ・<body>要素
    ・position:absoluteされている要素
    ・position:relativeされている要素
     (その子要素がposition:absoluteされている場合だけ該当する)
    ・float値がleft又はrightに設定されている要素
    ・明示的にwhidth値又はheight値が設定されている要素
    ・Table、Caption、TR、TD、THの表要素
    ・fieldset要素とlegend要素
    ・marquee要素、map要素
             ([インサイドDynamicHTML](日経BPソフトプレス)p359より)


  

END(99/6/10)