Polymer 使用webcomponents.js（Shadow DOM polyfill）时访问light DOM

我试图在使用webcomponents.js polyfill时访问light DOM，但它似乎不起作用。（在本机阴影DOM/Chrome中工作良好）

以下是我尝试做的一个简化测试：

样本： 代码：

如果有任何关于如何在使用Shadow DOM polyfill时访问Light DOM数据的提示/指针，我将不胜感激

---

谢谢

你试过往里面看吗

this.content.getDistributedNodes() 

看

尝试将

添加到模板中，或

仅获取

span

标记

阴影DOM内容

---

注意

此。默认情况下未定义内容。您必须从影子dom和所有
getDistributedNodes（）
中获取
元素。事实证明，polyfill中有一个“bug”/增强功能，除非通过内容标记使用，否则将删除轻dom元素
<template>
  <h1>SHADOW DOM CONTENT</h1>
  <content select="span"></content>
</template>