Shadow tree (シャドウツリー)

シャドウツリー は非表示の DOM ノードの集合で、最上位のノードシャドウルートです。シャドウルートはシャドウ DOM 内にある最上位のノードであり、通常の DOM 文書ツリーの一部ではありません。

シャドウルートは、ホストと呼ばれる特定の DOM ノードを通して、別のノードツリーに接続されます。このホストは、別のシャドウツリーの一部である場合もあれば、通常の DOM ツリーの一部である場合もあります。シャドウルートのホストのノードツリーはライトツリーと呼ばれることがあります。

シャドウツリーの非表示の DOM ノードは通常、シャドウツリーの外側に適用された何ものからも影響を受けませんし、その逆も同様です。シャドウ DOM が終わり、通常の DOM が始まるシャドウ境界を通過することはできますが、それはとても意図的なものです。

  • スクリプトで外部からシャドウツリーノードを操作するには、特別なシャドウ DOM API を使用してアクセスすることが要求されます。
  • 外部からシャドウツリーをスタイル設定するには、 CSS スコープおよび CSS シャドウパーツで実現できます。

関連情報