在Web UI中以传统方式访问模板元素

Question

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

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

Answer 1

  

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

如果你有多个（如你所知），那就不是了。重复ID不仅在同一组件中多次使用时发生，而且如果组件多次插入页面也会发生。

您可以随时使用传统课程：

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

DivElement somePart;

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