Web组件，如何通过Id获取元素？

Question

我想通过 ID 获取元素。我的模板如下所示：

<template>
    <h2>Welcome</h2>    
    <div id="toGrab"></div>
</template>

我尝试使用 jQuery 但下面的代码片段不起作用：

$('#toGrab').dosomething();

有什么想法吗？

Answer 1

如果您的代码在 Polymer 元素内，只需执行

var div = this.$.toGrab;

Answer 2

还有...

var div = this.$$("#toGrab");

Answer 3

在聚合物 3 中：

ready() {
  super.ready();
  const x = this.shadowRoot.getElementById('divID');
}

Web component, how to get an element by Id?