Test case details

Preparation Code

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"> </script> <ul id="list"> </ul> <div id="myDiv"> </div>
var len = 20;
    $("#list").empty();     $("#myDiv").empty();

Test cases

Test #1

for (var i = 0; i < len; i++) {   $('#list').append($("<li></li>", {     text: "Test " + i   })); }

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').get(0).innerHTML = html;