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

admin管理员组

文章数量:1336311

Is there is a way to get a child lit-element (by its name) in the host? I only know how to access them using id and 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>`;
  }
}

Is there is a way to get a child lit-element (by its name) in the host? I only know how to access them using id and 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>`;
  }
}

• javascript
• lit-element

Share Improve this question Follow edited Apr 2, 2019 at 3:53 Nomad asked Apr 1, 2019 at 18:48 NomadNomad 42966 silver badges1616 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

Turns out it was simply calling 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");
  }
}
...

本文标签： javascriptHow to query children of Litelement shadow root using tag nameStack Overflow