LightDOMとShadowDOMの違い
私はこのLightDOMに何度か遭遇しましたが、ShadowDOMとの違いを理解できませんでした。誰かが明確な答えを提供できれば、それは大いにありがたいです。
Light DOMは、HTML要素内のプレーンな古いDOMツリーです。
この用語は、ShadowDOMと区別するためにWebコンポーネントのコンテキストでのみ使用されます。通常のDOMは、Shadowとは対照的に、Lightとして再定義されたと思います。
仕様 これをshadowrootホストのノードツリー、またはライトツリーと呼びます。
シャドウルートは、常にそのホストを介して別のノードツリーに接続されます。したがって、シャドウツリーは決して一人ではありません。シャドウルートのホストのノードツリーは、ライトツリーと呼ばれることもあります。
私はそれを通常のDOMと呼んでいます:-)
Shadow DOMは、recovers、masks、またはは、 Googleの記事 で説明されているように、通常のDOMを置き換えます。
レンダリングされたDOMは、ShadowDOMとLightDOMの組み合わせにすることができます（<slot>要素を介して）
注：JavaScriptでShadow DOMの動作を完全にポリフィルすることはできないため、ShadowDOMポリフィルは実際には通常のDOMツリーのみを処理します。
シャドウルートをホストするノードツリーはライトツリーと呼ばれ、Light DOMまたは別のShadow DOMも同様です。
仕様。 でこのメモを確認してください
シャドウツリーの対応するライトツリーは、シャドウツリー自体にすることができます。