Light DOMとShadow DOMの違い

Question

このLight DOMの問題は数回は遭遇しましたが、Shadow DOMとの違いを理解できませんでした。もし誰かが明確な答えを出すことができれば、それは大いに感謝されます。

Answer 1

Light DOMは、HTML要素の中の単純に普通の DOMツリーです。

この用語は、シャドウDOMと区別するためにコンポーネントのコンテキストでのみ使用されています。 通常のDOMはと定義されています。と対照的に、ライトは影がです。

The specsはshadowrootホストのノードツリー、または光ツリーそれを呼び出す：

影のルートは、常にそのホストを経由して別のノードツリーに取り付けられています。シャドウツリーは決して一人ではありません。シャドウルートのホストのノードツリーは、ライトツリーと呼ばれることもあります。

は私が

---

シャドウDOMが説明したように、は、マスクを回復、またはは通常のDOMを置き換えることを加えたDOMです:-)通常のDOMそれを呼び出しますarticle from Googleの

レンダリングされたDOMはシャドウDOMとライトDOM（<slot> elemnets経由）

注の組み合わせとすることができる：それは完全にJavaScriptでシャドウDOMの動作をポリフィルすることはできませんので、シャドウDOMは、実際にpolyfills通常のDOMツリーのみを処理します。

Answer 2

あなたが言うことができ、影のルートをホストするノードツリーも同様にライトDOMまたは別のシャドウDOMかもしれない光のツリーと呼ばれています。

チェックspecification.

シャドウツリーの対応する光のツリーで、このノートでは、シャドウ・ツリー自体することができます。