Question

我目前正在使用FireFox + Webcomponent Polyfill。随着AJAX调用提供的不同，Web组件发生了变化，从而提供了不同的数据集（本质上是一个提供相关主题链接的搜索表单）。但是，我试图编写一些JavaScript来查询ShadowDOM中显示的AJAX结果。

我的问题是，当我运行查询时，如果旧数据集大于新结果，我将获得新结果+旧搜索中元素的剩余长度。

例如（为便于说明，简化了节点列表元素）：

Search1: "Teenage Mutant Ninja Turtles"
Resulting NodeList: ['Teenage', 'Mutant', 'Ninja', 'Turtles']

跟着另一个搜索...

Search2: "Inspector Gadget"
Resulting NodeList: ['Inspector', 'Gadget', 'Ninja', 'Turtles']

Search3: "Warner Brother's Tiny Toon Adventures"
Resulting NodeList: ['Warner', 'Brother\'s', 'Tiny', 'Toon', 'Adventures']

Search4: "Freakazoid"
Resulting NodeList: ['Freakazoid', 'Brother\'s', 'Tiny', 'Toon', 'Adventures']

我的查询代码如下：

var nodes = document.querySelector('search-component').shadowRoot.querySelectorAll('div.result');

是否可以查询填充的Web组件节点列表，并仅获取当前时间（不考虑以前可能存在的元素）中存在的DOM元素？

Webcomponent Polyfill元素缓存：重置/清空？

0 个答案: