How to speed up the reading of innerHTML in IE8?

Question

I am using JQuery with the DataTable plugin, and now I have a big performnce issue on the following line. ``` aLocalData[jInner] = nTds[j].innerHTML; // jquery.dataTables.js:2220 ``` I have a ajax call, and result string in HTML format. I convert them into HTML nodes, and that part is ok. ``` var $result = $('

').html(result).find("*:first"); // simlar to $result=$(result) but much more faster in Fx ``` Then I activate enable the result from a plain table to a sortable datatable. The speed is acceptable in Fx (around 4sec for 900 rows), but unacceptable in IE8 (more then 100 seconds). I check it deep using the buildin profiler, and found the above single line take all 99.9% of the time, how can I speed it up? anything I missed? ``` nTrs = oSettings.nTable.getElementsByTagName('tbody')[0].childNodes; for ( i=0, iLen=nTrs.length ; i

Accepted Answer

Try using the YUI DataTable. It is very quick for any large table that I throw it at. You can use it with JQuery without any issues.

For example: http://paulisageek.com/compare/cpu/

How to speed up the reading of innerHTML in IE8?

Solution

Problem