1. ホーム
  2. javascript

[解決済み] DOMのparentNodeとparentElementの違いについて

2022-03-16 03:35:58

質問

どなたか、古典的なDOMの違いをわかりやすく説明してください。 親ノード と、Firefox 9 で新たに導入された 親要素

解決方法は?

parentElement は Firefox 9 と DOM4 では新しいものですが、他のすべての主要なブラウザでは以前から存在していました。

ほとんどの場合、これは parentNode . 唯一の違いは、ノードの parentNode が要素でない場合。もしそうなら parentElementnull .

例として

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 ) は、要素である親を持ちません。 parentElementnull . (他にも、もっとありえないケースで parentElement である可能性があります。 null が、おそらく遭遇することはないでしょう)。