如何通过影子DOM元素访问

Question

我想选择通过导入的Web组件具有由ID的元素。

子元素

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

父元素

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

...

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

然而，这将返回undefined。有没有一种方法，以子查询或访问按钮元素从父一些其他的方式？

喜欢的东西this.$.el(this.$.button.innerHTML);

或this.$.el.shadowRoot.button.innerHTML

Answer 1

一旦shadowroot选择，你可以选择连锁与getElementById在一起。

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