DOM插入：插入DOM时，某些标记类型是否更快？

Question

我有一个网页，使用客户端模板根据通过ajax调用获得的json更新页面的一部分。

目前我正在使用无序列表，其中每个Li内部都有标记，以显示有关产品的信息。

我很想知道，插入DOM时某些标签比其他标签更快吗？也就是说，我应该将我的ul更改为其他标签，还是更改Li中的标签？

感谢

B'/ P>

Answer 1

最快的方法是将HTML构建为文本并将innerHTML属性设置一次。

另一种方法是创建一个document fragment，并在完成后将其放入DOM中。

一个或另一个标签的插入速度可能有所不同，但浏览器之间的差异很小，而且不同。

事情是触摸DOM是一项非常昂贵的操作 - 如果速度是你所追求的 - 最小化。

查看Stoyan Stefanov's performance tips。

Answer 2

首先，这完全取决于浏览器。

话虽如此，不同标签的渲染时间之间的差异应该可以忽略不计。使用提供最佳语义含义的标记。不要担心不同标签的渲染时间。