影子树

影子树是一组隐藏的 DOM 节点，其最顶层的节点是一个影子根。影子根是影子 DOM 的最顶层节点，不是常规文档的 DOM 树的一部分。

影子根通过一个特定的 DOM 节点连接到另一个节点树，这个节点被称为其宿主。这个宿主可能是另一个影子树的一部分，也可能是常规 DOM 树的一部分。影子根的宿主的节点树有时被称为常规树（light tree）。

影子树的隐藏 DOM 节点通常不受影子树外部应用的影响，反之亦然。影子边界是影子 DOM 结束且常规 DOM 开始的地方，可以穿越（但只能有意为之）：

• 从外部脚本访问影子树节点需要使用特殊的影子 DOM API。
• 从外部样式化影子树可以通过 CSS 域和 CSS 影子部件来实现。