如何使用jquery.javascript更改lightdom的内容

如何使用jquery.javascript更改lightdom的内容,jquery,polymer,Jquery,Polymer,假设我有一个这样写的自定义元素 <custom>Test<custom> 测试 在将灯光dom内容解析为shadyDOM后,如何更改灯光dom内容 使用标准的$(“自定义”).text(“test1”)不起作用,因为它会损坏shadyDOM的树结构。在将DOM解析为shadow或shady DOM后,您可以使用Polymer的本机ready回调as操作DOM以及自定义元素属性和行为 您不需要jquery。只需在元素的标记中使用Polymer()函数,如下所示: 示例代

假设我有一个这样写的自定义元素

<custom>Test<custom>
测试
在将灯光dom内容解析为shadyDOM后,如何更改灯光dom内容


使用标准的
$(“自定义”).text(“test1”)
不起作用,因为它会损坏shadyDOM的树结构。在将DOM解析为shadow或shady DOM后,您可以使用Polymer的本机
ready
回调as操作DOM以及自定义元素属性和行为

您不需要jquery。只需在元素的
标记中使用
Polymer()
函数,如下所示:

示例代码:

<script>
  (function() {
    Polymer({
      is: 'example-element',
      properties: {...},
      ready: function() {
        // access a local DOM element by ID using this.$
        this.$.header.textContent = 'Hello!';
      }
    });
  })();
</script>

(功能(){
聚合物({
是:'示例元素',
属性:{…},
就绪:函数(){
//使用此命令通过ID访问本地DOM元素$
this.$.header.textContent='Hello!';
}
});
})();