影子树

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

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

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

参见