性能更好：更新特定单元格还是替换整个表格？

Question

我的项目要求我通过对PHP脚本的AJAX调用更新HTML表中特定列的内容。

就工作负载而言：该表包含大约4列和大约20行（可以随时间添加更多行）。

什么会更有效（或更有效）：

1. 仅替换需要更新的列/特定单元格
2. 用更新的数据替换整个表格

对于某些情况： 该表基本上包含一列中的服务器名称以及相邻列中的相应联机状态。用户单击按钮以检查所有服务器的状态，随后在查询完成后将调用jQuery来更新“联机状态”列。

Answer 1

更换需要的行和单元格可能会更快。虽然在大约20行，你甚至不会注意到差异。

Answer 2

获得最佳答案的唯一方法是简单地对每种方法进行基准测试。这很大程度上取决于HTML生成代码的执行方式。如果速度非常快，从头开始构建HTML并在表的父级上执行innerHTML分配可能会更快。但是如果它很慢，迭代每个表格单元格并替换每个表格单元格的内容可能会更快。你应该运行一个简单的基准。

此外，正如zneak所说，你不太可能对20个表行做任何事情。