如何使用标签名称查询 Lit-element shadow root 的子节点

Question

有没有办法在主机中获取子 lit-element（通过其名称）？我只知道如何使用 id 和 this.shadowRoot.getElementById()

访问它们

import { LitElement, html } from 'lit-element';
import './child-element.js';

class ParentElement extends LitElement {
  render() {
    return html`<child-element someattribute="somevalue"></child-element>`;
  }
}

Answer 1

原来它只是在调用 shadowRoot.querySelector("element-name"):

...
class ParentElement extends LitElement {
  render() {
    return html`<child-element someattribute="somevalue"></child-element>`;
  }
  aMethod() {
    let childElement = this.shadowRoot.querySelector("child-element");
  }
}
...

如何使用标签名称查询 Lit-element shadow root 的子节点

How to query children of Lit-element shadow root using tag name

javascript

lit-element