如何使用Shadow DOM v1从阴影根目录中访问主机元素？

Question

给定阴影根中包含的元素,如何获取承载所述阴影根的元素？有没有一种方法可以实现这一点,无论元素在树中的位置(即给定引用element2或者element3,获取引用element1)？

element1
? #shadow-root
  ? element2
    ? element3

Answer 1

对于Shadow DOM v1,您可以使用该getRootNode()方法.

然后获取host属性:

event.target.getRootNode().host