Javascript 查询绑定帮助程序中的元素

为了在不创建自定义元素的情况下获得Polymer的数据绑定，我使用了“dom绑定”模板助手。稍后，我将需要访问模板中的节点，以便使用 使用数据创建网格

以下是主文档中的“我的模板”：

  <!-- Skills --> 
  <template is="dom-bind" class="careerSkills_consumer projects_consumer" id="resume-container">
    <page-section id="resume">
      <section-title>Skills and Projects</section-title>
      <section-content>
        <template is="dom-repeat" items="{{careerSkills}}">
          <skill-category class="grid-item" title="{{item.header}}" skills="{{item.skills}}"></skill-category>  
        </template>
        <project-showcase class="grid-item" projects="{{projects}}"></project-showcase>
      </section-content>
    </page-section>
  </template>

但是查询似乎不起作用，因为我所需要的元素可能隐藏在阴影dom中的主文档之外

我可以通过以下方式访问

#resume container

中的内容：

Polymer.dom(document.querySelector('#resume-container')).node.content

但是，我仍然无法访问

dom repeat

中的

技能类别

元素。这有点迂腐，我甚至不确定当砖石试着做定位时它是否会起作用

有没有更好的办法

---

要明确的是，这个问题是关于如何正确地获取模板帮助程序中分发的内容的参考，但我也希望得到关于使用聚合物进行此类操作的一般建议，其中自定义元素不是我想要的，因为我只在一个点上使用模板，阴影dom比帮助更麻烦，但我需要数据绑定

@NeilJohnRamal我很困惑。你能解释一下

domchange

事件是如何帮助我的吗？helper元素实际上并不使用shadowdom，它们基本上只是超级强大的模板元素。您需要监听他们的dom更改事件才能访问他们正在制作的内容。@NeilJohnRamal这是唯一的方法吗？我觉得有点奇怪。你知道为什么他们不把结果印在DOM中背后的语义吗？考虑到Polymer的整个绑定系统都是基于事件的，这并不像你想象的那么奇怪。由于这些模板元素可能会在每次属性更改时更新DOM树，因此侦听DOM更改事件更符合逻辑。

Polymer.dom(document.querySelector('#resume-container')).node.content