☰

DOMのparentNodeとparentElementの違い 質問する

tag-icon • tag-icon javascript firefox dom
DOMのparentNodeとparentElementの違い 質問する

誰か簡単に説明してくれませんか、古典的なDOMとの違いは何ですか？親ノードFirefox 9で新たに導入された親要素

ベストアンサー1

parentElementFirefox 9 と DOM4 では新しく導入されましたが、他の主要なブラウザでは以前から存在していました。

ほとんどの場合、 と同じですparentNode。唯一の違いは、ノードのparentNodeが要素ではない場合です。その場合、parentElementは ですnull。

例:

document.body.parentNode; // the <html> element
document.body.parentElement; // the <html> element

document.documentElement.parentNode; // the document node
document.documentElement.parentElement; // null

(document.documentElement.parentNode === document);  // true
(document.documentElement.parentElement === document);  // false

<html>要素 ( document.documentElement) には要素である親がないため、parentElementです。( となる可能性は低いですが、他にもとなるnullケースはありますが、おそらく遭遇することはないでしょう。)parentElementnull

おすすめ記事