Как запросить дочерние элементы теневого корня Lit-элемента, используя имя тега

#javascript #lit-element

#javascript #lit-элемент

Вопрос:

Есть ли способ получить дочерний lit-элемент (по его имени) в хосте? Я знаю только, как получить к ним доступ, используя 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>`;
  }
}
  

Ответ №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");
  }
}
...