影子树
影子树是一组隐藏的 DOM 节点,其最顶层的节点是一个影子根。影子根是影子 DOM 的最顶层节点,不是常规文档的 DOM 树的一部分。
影子根通过一个特定的 DOM 节点连接到另一个节点树,这个节点被称为其宿主。这个宿主可能是另一个影子树的一部分,也可能是常规 DOM 树的一部分。影子根的宿主的节点树有时被称为常规树(light tree)。
影子树的隐藏 DOM 节点通常不受影子树外部应用的影响,反之亦然。影子边界是影子 DOM 结束且常规 DOM 开始的地方,可以穿越(但只能有意为之):
- 从外部脚本访问影子树节点需要使用特殊的影子 DOM API。
- 从外部样式化影子树可以通过 CSS 域和 CSS 影子部件来实现。