このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
Shadow tree (シャドウツリー)
シャドウツリー は非表示の DOM ノードの集合で、最上位のノードはシャドウルートです。シャドウルートはシャドウ DOM 内にある最上位のノードであり、通常の DOM 文書ツリーの一部ではありません。
シャドウルートは、ホストと呼ばれる特定の DOM ノードを通して、別のノードツリーに接続されます。このホストは、別のシャドウツリーの一部である場合もあれば、通常の DOM ツリーの一部である場合もあります。シャドウルートのホストのノードツリーはライトツリーと呼ばれることがあります。
シャドウツリーの非表示の DOM ノードは通常、シャドウツリーの外側に適用された何ものからも影響を受けませんし、その逆も同様です。シャドウ DOM が終わり、通常の DOM が始まるシャドウ境界を通過することはできますが、それはとても意図的なものです。
- スクリプトで外部からシャドウツリーノードを操作するには、特別なシャドウ DOM API を使用してアクセスすることが要求されます。
- 外部からシャドウツリーをスタイル設定するには、 CSS スコープおよび CSS シャドウパーツで実現できます。