在 Web UI 中以编程方式访问模板元素

【问题标题】：Accessing Template Elements Prorgramatically in Web UI在 Web UI 中以编程方式访问模板元素
【发布时间】：2013-05-17 08:28:48
【问题描述】：

是否有任何简单的方法可以访问模板中声明的元素的关联元素对象。例如，假设我的模板上有一个按钮，我想访问 ButtonElement 对象，以便以编程方式对其进行操作。

我很感激我可以给它一个 ID 并在插入时查询它。这是最好的做法吗？如果是这样，如果使用了组件的多个实例或者查询是否仅限于 Shadow DOM，我该如何阻止 ID 不唯一？

【问题讨论】：

【解决方案1】：

我很感激我可以给它一个 ID 并在插入时查询它。这是最好的做法吗？

如果您有多个（正如您所意识到的），情况并非如此。重复 ID 不仅会在同一组件中多次使用时发生，而且如果该组件多次插入到页面中也会发生。

您总是可以参加传统课程：

...
<template>
  <div class="some-part-of-your-component">foo</div>
</template>
...

DivElement somePart;

inserted() {
  somePart = _root.query('.some-part-of-your-component');
}

【讨论】：