jsのparentElementとoffsetParent_javascriptの違いのヒント

1 つ目は、parentElement 属性です。これは、DOM 階層で定義された上位と下位の関係であり、要素 B は、parentElement 属性を通じて要素 A を取得できます。
ここで主に説明しているのは offsetParent 属性です。この属性は MSDN ドキュメントで明確に説明されていないため、この属性を理解するのがさらに難しくなります。 ここ数日、インターネットでいくつかの情報を探し、私自身のいくつかのテストと合わせて、この特性について少し理解できたので、ここにまとめておきます。
offsetParent 属性を理解するには、まず「位置要素」という名前を理解する必要があります。いわゆる「位置要素」とは、要素に位置属性を設定するスタイルを指し、位置スタイル属性の値は次のとおりです。絶対要素、相対要素、固定要素のいずれかに等しい。
offsetParent 属性を使用して親オブジェクトを取得する場合は、次の 2 つの状況があります。
1. 要素自体が配置されている
要素自体が配置されている場合、offsetParent 属性は要素が配置されたことを返します。親要素 (そうでない場合) 親要素が配置されている場合は、BODY オブジェクトが返されます。例:

コードをコピー コードは次のとおりです:

>

、要素は配置されていません
要素が配置されていない場合、 offsetParent は、位置指定された親要素を検索するだけでなく、タイプ TD および TABLE の親要素も検索します。これら 3 つの親要素のいずれかが見つかった場合は、この要素が返されます。そうでない場合は、たとえば、BODY オブジェクトが返されます。

コードをコピー


コードは次のとおりです:

🎜>

div id="pObj2" style="position:relative">

obj1.offsetParent は td1 オブジェクトを返します
obj2.offsetParent は pObj2 オブジェクトを返します
DOM 要素の属性のうち、実際、この属性は、parentElement 属性と同じ意味を持ちます。W3C 標準では、children および childNodes 属性も使用されます。 childNode は他のブラウザでもサポートされています。