创建DOM表行然后插入以提高效率

Question

我试图将一些工作程序从excel转换为HTA，这样我就可以利用浏览器GUI和javascript与VBA相比的速度。我的第一个测试是在我的HTML中添加一个表。然而，做大约1000行似乎需要大约30秒，这似乎很多，因为它导致我的HTA浏览器窗口没有响应30秒。根据我在这里的研究，似乎我需要进行行创建，然后一次性附加表以减少回流到DOM的数量。我无法做到这一点。这是我到目前为止的代码：

function myFunction() {
var today = new Date();
var t0 =  today.getSeconds();
var connection = new ActiveXObject("ADODB.Connection") ;
var table = document.getElementById("myTable");

var connectionstring="Provider=Microsoft.ACE.OLEDB.12.0;Data Source=dbPATH\\test.accdb;Jet OLEDB:Engine Type=5;Persist Security Info=False;Mode=Share Exclusive;"

connection.Open(connectionstring);
var rs = new ActiveXObject("ADODB.Recordset");

rs.Open("SELECT * FROM TABLE1", connection);
rs.MoveFirst

while(!rs.eof)
{
    var row = table.insertRow(1);

    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    cell1.innerHTML = rs.fields(1);
    cell2.innerHTML = rs.fields(2);
    cell3.innerHTML = rs.fields(3);
    rs.movenext;
}

rs.close;
connection.close; 
var today2 = new Date();
var t1 =  today2.getSeconds();
alert(t1-t0);
}

*编辑：我想我会尝试更新我的代码到现在只附加DOM一次，但我的代码仍然需要很长时间才能响应，但我认为它更好一点。我知道它不能通过ado循环，因为如果我只是循环并且不尝试向屏幕写任何内容，程序将在不到一秒的时间内完成创建htmlSTR变量。所以它的。之后太慢了。

function myFunction() {
var today = new Date();
var t0 =  today.getSeconds();
var connection = new ActiveXObject("ADODB.Connection") ;
var table = document.getElementById("myTable");
var htmlSTR;
var connectionstring="Provider=Microsoft.ACE.OLEDB.12.0;Data Source=dbPATH\\test.accdb;Jet OLEDB:Engine Type=5;Persist Security Info=False;Mode=Share Exclusive;"

connection.Open(connectionstring);
var rs = new ActiveXObject("ADODB.Recordset");

rs.Open("SELECT * FROM TABLE1", connection);
rs.MoveFirst

while(!rs.eof)
{
htmlSTR = htmlSTR + '<tr><td>' + rs.fields(1) + '</td>'
    + '<td>' + rs.fields(2) + '</td>'
    + '<td>' + rs.fields(3) + '</td></tr>'
rs.movenext;
}

$('#myTable tr:last').after(htmlSTR);


rs.close;
connection.close; 
var today2 = new Date();
var t1 =  today2.getSeconds();
alert(t1-t0);
}

Answer 1

据我所知，实际问题可能是查询而不是DOM操作。

另一种优雅的解决方案是使用GetString，它将完全消除while循环;

recordset.GetString(,,"</td><td>","</td></tr><tr><td>","&nbsp;");