访问hyperHTML模板转发器

Question

有没有办法访问线图中的特定元素？

＆＃13;

＆＃13;

render() {
  hyper(this.shadowRoot)`
  <style>${css}</style>
  <container>
    ${this.referenceImages.map(image => wire(image)`
      <cell>
        <inner-cell class="${this.returnClass()}">
          
        </inner-cell>
      </cell>
      `)}
  </container>
  `;
}

＆＃13;

＆＃13;

＆＃13;

如何在returnClass（）中访问节点？

使用有线ID和弱引用是否有更好的方法来做我想要的事情？

Answer 1

根据访问方式/访问原因，可以存储引用并使用<HTMLElement>.querySelector()

render() {
  hyper(this.shadowRoot)`
    <style>${css}</style>
    <container>
      ${this.referenceImages.map(image => {
        const el = wire(image)`
          <cell>
            <inner-cell class="${this.returnClass()}">

            </inner-cell>
          </cell>
        `;
        el.querySelector('inner-cell');
        ...
        return el;
      })}
    </container>
  `;
}