ParentNodeおよびParentElement関数は同じであり、子育てと子供の機能は同じです。ただし、ParentNodeとChildNodeはW3C標準に準拠していますが、これは比較的一般的であると言えます。他の2つはIEによってのみサポートされており、標準ではなく、Firefoxはそれをサポートしていません
例：
「ParentNode」は、特定の要素の親ノードを取得するためによく使用されます。ペアレントノードをコンテナとして理解すると、次のように、コンテナに子ノードがあります。
<div id = "parent"> <b id = "child">私のテキスト</b> </div>
上記のコードでは、「パパ」がdivコンテナとして使用されていることがわかります。これは、コンテナに「子」があり、大胆なテキスト部分です。 GetElementByID（）メソッドを使用して大胆な要素を取得し、「パパ」が誰であるかを知りたい場合、返される情報はDivになります。次のスクリプトは次のとおりです。
<script type = "text/javascript"> <！ - alert（document.getElementbyid "child"）。parentnode.nodename）; // - > </scrip
ParentNodeを使用すると、次の例のように、「父」も1人の「父」が見つかったことを意味するわけではありません。
<div id = "parent"> <div id = "childparent"> <b id = "child">私のテキスト</b> </div> </div>
上記のコードには、2人の「パパ」と2人の「子供」がいます。最初のdiv（id "parent"）は、2番目のdiv（子ども）の「父」です。 「子供たち」divの「子」である「子どもの子」には大胆な要素（ "child"）があります。それで、「祖父」（ID「親」）にアクセスする方法は？次のように：
<script type = "text/javascript"> <！ - alert（document.getElementbyId（ "child"）。parentnode.parentnode.nodename）; //-> </script>
2つの親ノードが組み合わせて使用されていることに気付きましたか？ 「parentnode.parentnode」。最初の親NodeはDiv（ID "ChildParent"）です。最も外側の親要素を取得したいので、別の親ノードを追加してから、Div（ID "親"）に到達します。
ParentNodeを使用すると、要素のnodenameだけでなく、それ以上も見つかります。たとえば、多数の要素で親ノードを取得し、最後に新しいノードを追加できます。 IEには「ParentElement」と呼ばれる独自の名前があり、クロスブラウザースクリプトにParentNodeを使用することをお勧めします
上記の記事では、JSのHTML要素の親ノードと子ノードについて簡単に説明します。これは私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。