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

Question

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

<custom>Test<custom>

在将 light dom 内容解析为 shadyDOM 后，如何更改它。

使用标准 $("custom").text("test1"); 不起作用，因为它会损坏 shadyDOM 的树结构

Answer 1

使用 Polymer 的原生 ready 解析为影子或阴影 DOM 后，您可以操纵 DOM 以及自定义元素属性和行为回调为 described here .

你不需要jquery。您只需使用 Polymer()在元素的 <script> 内运行标签如下:

示例代码:

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