使用Javascript或YUI清空节点的最佳方法?

使用Javascript或YUI清空节点的最佳方法?,javascript,yui,Javascript,Yui,我正在根据每个按键事件进行一些自动完成过滤。这将删除并重新填充每个按键的div项目的大列表。我发现浏览器删除大型节点列表所花费的时间最多。优化这一点的最佳方法是什么 我正在使用YUI并执行containerNode.set('innerHTML','')(或containerNode.get('children').remove(true)), 两者都非常慢,会使浏览器冻结一秒钟,因为每次按键都会触发浏览器。纯Javascript或YUI是最好的,现在还不想使用jQuery。缓存您的div。如果

我正在根据每个按键事件进行一些自动完成过滤。这将删除并重新填充每个按键的div项目的大列表。我发现浏览器删除大型节点列表所花费的时间最多。优化这一点的最佳方法是什么

我正在使用YUI并执行containerNode.set('innerHTML','')(或containerNode.get('children').remove(true)),
两者都非常慢,会使浏览器冻结一秒钟,因为每次按键都会触发浏览器。纯Javascript或YUI是最好的,现在还不想使用jQuery。

缓存您的div。如果新集合的结果也在旧集合中,则不要删除旧集合

我不认为任何一种方法比另一种方法快得多,也不认为这是一个缓慢的过程,我认为这只是因为某种原因在你的时间安排上受到指责。通过隐藏容器,可以缩短插入/删除时间。但是你应该将按键“去抖动”半秒钟,以防止它工作过度,不管它有多高效。谢谢。我做了一些基准测试,看起来添加dom元素需要更多的时间。此外,不知何故,我使每个写过程都面临竞争条件。因此,我为创建节点列表和每个按键只添加一次append设置了一些延迟。这有点帮助。我想知道Google instant怎么会这么快!