Как получить доступ к элементу через теневой DOM

Question

Я пытаюсь выбрать элемент с идентификатором через импортированный веб-компонент.

Дочерний элемент

<template>
  <paper-button id="button"></paper-button>
</template>

Родительский элемент

<template>
  <custom-element id="el"></custom-element>
</template>

...

select() {
  let address = this.$.el.button.innerHTML;
}

Однако,это возвращает неопределенное.Есть ли способ выполнить подзапрос или получить доступ к элементу кнопки другим способом от родителя?

Что-то вроде this.$.el(this.$.button.innerHTML);

или this.$.el.shadowRoot.button.innerHTML

Answer 1

После выбора shadowroot вы можете объединить выборки вместе с getElementById.

this.$.shipMethod.shadowRoot.getElementById('address')