javascript - 如何使用 Shadow DOM v1 从影子根访问宿主元素？

Question

给定影子根中包含的元素，我如何才能找到承载所述影子根的元素？有没有一种方法可以实现这一点，而不管元素在树中的位置(即给出对 element2 或 element3 的引用，获取对 element1 的引用)?

element1
└ #shadow-root
  └ element2
    └ element3

Answer 1

对于 Shadow DOM v1，您可以使用 getRootNode()方法。

然后获取host属性:

event.target.getRootNode().host