Dalam kasus apa element.parentElement atau element.parentNode menjadi null di DOM HTML?

Question

Saya telah membuat elemen khusus menggunakan LitHTML dan perpustakaan berbasis blok saya sendiri untuk manajemen negara. Sekarang saya telah menemukan kasus di mana dalam sebuah elemen meskipun cantik di dalam beberapa elemen lain, mengembalikan null untuk parentNode dan parentElement. Saya tidak tahu mengapa?

Apa kasus di mana parentNode dan parentElement menjadi null?

Answer 1

Elemen yang cdikembalikan oleh kueri Anda tidak memiliki parentElement, tetapi memiliki parentNodeyang adalah shadowRoot.

ShadowRoots tidak memiliki parentNodeproperti (itulah sebabnya c.parentNode.parentNodepanggilan Anda kembali null) tetapi Anda bisa mengembalikan elemen yang shadowRootdilampirkan dengan mengakses hostproperti shadowRoots ( c.parentNode.host).

Lihat dokumen: ShadowRoot

Atau pertanyaan terkait: Dapatkan elemen host akar bayangan