时间戳

首页 > 解决方案 > 如何通过 shadow DOM 访问元素

primary-key - 如何通过 shadow DOM 访问元素

问题描述

我正在尝试通过导入的 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;
}

但是，这将返回未定义。有没有办法从父级以其他方式子查询或访问按钮元素？

就像是this.$.el(this.$.button.innerHTML);

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

标签： primary-keypolymer-2.x

解决方案

选择 后，您可以将shadowroot选择与 链接在一起getElementById。

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

推荐阅读