如何使用javascript添加自定义样式的dom元素

Question

因此，在聚合物中，您可以为元素添加自定义元素custom-styles。

<dom-module id="shared-styles">
     <template>
         <style>
            your styles here
         </style>
     </template>
</dom-module>

然后使用以下内容包含它：

<style is="custom-style" include="shared-styles"></style>

问题是我现在正在使用async加载它，使其成为一个渐进的网络应用程序。

<link rel="import" id="bundle" href="{{asset "html/polymer-head.html"}}" async>

所以<style无效...所以我在加载结束时尝试了以下内容：

style.setAttribute('is', 'custom-style'); style.setAttribute('include', 'shared-styles'); document.head.appendChild(style);

但它不起作用。

任何人都知道如何将dom-element注入custom-style？