javascript - 渲染 HTML 时哪一个更快

Question

1. php返回json，然后javascript createElement添加数据。

   type: 'POST',
   data: "do=view&start=0&stop=100",
   success:function(data){
       var parsedJson = $.parseJSON(data);
       var jExcel  = document.getElementById('jExcel');
       for(var i=0; i<parsedJson.id.length; i++) {
           var cell1 = document.createElement("input");
           var cell2 = document.createElement("input");
           cell1.setAttribute("type", "text");
           cell1.setAttribute("value", parsedJson.id[i]);
           cell2.setAttribute("type", "text");
           cell2.setAttribute("value", parsedJson.userName[i]);
           jExcel.appendChild(cell1);
           jExcel.appendChild(cell2);
           jExcel.innerHTML += "<br>";
       }
   }
   

2. php 返回 echo "<input type~~">

Answer 1

我认为您不会找到 100% 时间 100% 正确的答案。

这取决于下载 html 结果的速度与 java 脚本 DOM 操作的速度，这取决于输出中涉及的变量以及要生成多少数据等。

但在这种情况下，我敢打赌，第二种情况是最快的情况，十分之九，下载 PHP 响应将比客户端的 DOM 操作更快。

请使用方法 2，除非您有时间和知识来准确计算这两种方法的时间。

我必须说实话，我从来没有见过有人考虑过方法 1，并且有兴趣知道为什么你会这样做？