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 = 20;

Test cases

Test #1

for (var i = 0; i < len; i++) {   var 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 list = document.getElementById('list'); for (var i = 0; i < len; i++) {   list.innerHTML = list.innerHTML + '<div>Test ' + i + '</div>'; }

Test #4

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