我如何从shadow dom中遍历出来？答案

【问题标题】：How do I traverse up out of shadow dom?我如何从shadow dom中遍历出来？
【发布时间】：2014-09-06 01:31:06
【问题描述】：

我有一个结构：

<div>
    #shadow-root
        <span>

如何从span 引用div？

span.parentNode 是#shadow-root，而.parentNode 是null

【问题讨论】：

这毫无意义：jsfiddle.net/9FzAM
@Ian 您的示例是常规 DOM；这个问题是关于 shadow-DOM（在 chrome devtools 中启用）。
@Mathletics 哈哈！我真的不知道他们所说的“shadow dom”是什么意思（# 让我想到了“id”），并且不知何故错过了“shadow-dom”和“polymer”标签。感谢您指出这一点
shadowRoot.host 会给你<div>。同样，div.shadowRoot 会为您提供 div 的影子根。
@ebdel 好电话。您可以使用console.dir(child.parentNode); 看到影子根的host 和parentNode 属性

【解决方案1】：

您可以使用shadowRoot.host 为您提供<div>。同样，div.shadowRoot 会为您提供 div 的影子根。

【讨论】：