Polymer Web组件,如何通过Id获取元素?

Polymer Web组件,如何通过Id获取元素?,polymer,web-component,Polymer,Web Component,我想通过ID获取元素。我的模板如下所示: <template> <h2>Welcome</h2> <div id="toGrab"></div> </template> 有什么想法吗?如果你的代码在聚合物元素中,就这么做吧 var div = this.$.toGrab; 如果代码在聚合元素中,只需执行以下操作 var div = this.$.toGrab; 还有 var div = this

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

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

有什么想法吗?

如果你的代码在聚合物元素中,就这么做吧

var div = this.$.toGrab;

如果代码在聚合元素中,只需执行以下操作

var div = this.$.toGrab;
还有

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

var div = this.$$("#toGrab");
在聚合物3中:

ready() {
  super.ready();
  const x = this.shadowRoot.getElementById('divID');
}
在聚合物3中:

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

您是否尝试过仅使用
document.getElementById(“toGrab”)
$('#toGrab).dosomething()甚至可以工作。因为您根本没有提供任何上下文,所以很难说。哈,似乎
$(this.$.toGrab).dosomething()
只使用了
document.getElementById(“toGrab”)
$('#toGrab).dosomething()甚至可以工作。因为您根本没有提供任何上下文,所以很难说。哈,似乎
$(this.$.toGrab).dosomething()
做了一些小动作,我想您应该阅读这些文档。聚合物有很多东西应该使用。您的下一个问题可能是“当元素位于
中时,为什么我不能使用
this.$.toGrab
获取元素?”您可以添加到聚合文档的链接吗?特别是“开发者指南”菜单,我想你应该读一下聚合物文档。聚合物有很多东西应该使用。您的下一个问题可能是“当元素位于
中时,为什么我不能使用
this.$.toGrab
获取元素?”您可以添加到聚合文档的链接吗?尤其是“开发者指南”菜单