有没有一种更简单的方法可以通过我的 Polymer Element 中的 ID 获取元素？答案

【问题标题】：Is there an easier way of getting elements by ID in my Polymer Element?有没有一种更简单的方法可以通过我的 Polymer Element 中的 ID 获取元素？
【发布时间】：2013-11-20 14:47:44
【问题描述】：

我有一个 PolymerElement，我经常需要在其中按 ID 访问内部元素。我的聚合物元素看起来像这样：

<polymer-element name="my-element">
<template>
  <div id="idOne">...</div>
  <div id="idTwo">...</div>
  ....
</template>
</polymer-element>

目前访问各种 div 如下所示：

// other stuff here.
var elOne = shadowRoot.querySelector('#idOne');
var elTwo = shadowRoot.querySelector('#idTwo');

有没有更简单的方法可以做到这一点？

【问题讨论】：

标签： dart dart-polymer

【解决方案1】：

绝对！ Polymer 类提供了一个 Shadow 根访问器，用于在自定义元素中按 ID 查询元素。只需使用$[]。

上面的dart代码变成：

var elOne = $['idOne'];
var elTwo = $['idTwo'];

请注意，请务必从 ID 中省略井号 (#)。目前该表单仅支持通过ID查询Shadow Root，不支持基于类的选择和ElementLists。

【讨论】：