在使用 webcomponents.js（阴影 DOM polyfill）时访问光 DOM
Access to light DOM when using webcomponents.js (Shadow DOM polyfill)
我在使用 webcomponents.js polyfill 时尝试访问灯光 DOM，但它似乎不起作用。 （在本机 Shadow DOM/Chrome 中工作正常）
下面是我正在尝试做的简化测试：
样本：http://jsbin.com/wudakapujo/1/
代码：http://jsbin.com/wudakapujo/1/edit
任何 hints/pointers 关于我在使用 Shadow DOM polyfill 时如何访问 Light DOM 数据的任何信息都将不胜感激
谢谢！
你试过在
中查找吗
this.content.getDistributedNodes()
见
https://www.polymer-project.org/resources/faq.html#accessContentDOM
尝试将 <content></content> 添加到您的模板，或 <content select="span"></content> 以获取 span 标签。
<template>
<h1>SHADOW DOM CONTENT</h1>
<content select="span"></content>
</template>
我在使用 webcomponents.js polyfill 时尝试访问灯光 DOM，但它似乎不起作用。 （在本机 Shadow DOM/Chrome 中工作正常）
下面是我正在尝试做的简化测试：
样本：http://jsbin.com/wudakapujo/1/ 代码：http://jsbin.com/wudakapujo/1/edit
任何 hints/pointers 关于我在使用 Shadow DOM polyfill 时如何访问 Light DOM 数据的任何信息都将不胜感激
谢谢！
你试过在
中查找吗this.content.getDistributedNodes()
见 https://www.polymer-project.org/resources/faq.html#accessContentDOM
尝试将 <content></content> 添加到您的模板，或 <content select="span"></content> 以获取 span 标签。
<template> <h1>SHADOW DOM CONTENT</h1> <content select="span"></content> </template>