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

Question

我在尝试使用webcomponents.js polyfill时尝试访问light DOM，但它似乎不起作用。 （在原生Shadow DOM / Chrome中工作正常）

这是对我正在尝试做的简化测试：

示例：http://jsbin.com/wudakapujo/1/ 代码：http://jsbin.com/wudakapujo/1/edit

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

谢谢！

Answer 1

你有没有尝试查看

this.content.getDistributedNodes() 

请参阅   https://www.polymer-project.org/resources/faq.html#accessContentDOM

Answer 2

尝试将<content></content>添加到您的模板，或<content select="span"></content>以获取span代码。

<template>
  <h1>SHADOW DOM CONTENT</h1>
  <content select="span"></content>
</template>