Test case details

Preparation Code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </script> <div id="list" style="display:none"> </div>
var len = 1000;

Test cases

Test #1

var html = ''; for (var i = 0; i < len; i++) {   html += '<div>Test ' + i + '</div>'; } $('#list').append(html);

Test #2

var html = ''; for (var i = 0; i < len; i++) {   html += '<div>Test ' + i + '</div>'; } $('#list').html(html);

Test #3

var html = ''; for (var i = 0; i < len; i++) {   html += '<div>Test ' + i + '</div>'; } $('#list')[0].innerHTML = html;

Test #4

var html = []; for (var i = 0; i < len; i++) {   html.push('<div>Test ' + i + '</div>'); } $('#list')[0].innerHTML = html.join('');