Light DOM和Shadow DOM之间的区别

Question

我偶然发现了几次Light DOM的事情,但无法理解与Shadow DOM的区别.如果那里的人可以提供明确的答案,那将非常感激.

Answer 1

该灯DOM仅仅是普通的老式一个HTML元素中的DOM树.

该术语仅用于组件的上下文中,以区别于Shadow DOM.我认为正常的DOM被重新定义为Light与Shadow相比.

规范称它为shadowroot主机的节点树或轻树:

阴影根始终通过其主机附加到另一个节点树.因此,影子树永远不会孤单.阴影根的主机的节点树有时被称为光树.

我称之为正常的DOM :-)

该影子DOM是添加DOM是恢复,口罩,或取代正常的DOM,因为在解释从谷歌的文章.

渲染的DOM可以是Shadow DOM和Light DOM的组合(通过<slot>elemnets)

注意:不可能在JavaScript中完全填充Shadow DOM行为,因此Shadow DOM polyfill实际上只处理普通的DOM树.

Answer 2

你可以说，承载 Shadow 根的节点树被称为 Light 树，它也可能是Light DOM或另一个Shadow DOM。

\n\n

检查规范中的此注释。

\n\n

\n

阴影树\xe2\x80\x99s对应的光树可以是阴影树本身。

\n

\n