JSFiddle - React, Tailwind, and code Playground

by Marcus Ekwall

JavaScript

$('body').empty();
console.time('test1');

var div = $('<div>');

for (i = 0; i < 10000; i++) {
    div.append($('<div>',{id:'div'+i}));
}

div.appendTo('body');

console.timeEnd('test1');

$('body').empty();

console.time('test2');

var div = $('<div>');
var str = '';
for (i = 0; i < 10000; i++) {
    str += '<div id="div'+i+'"></div>';
}
div.append(str);
div.appendTo('body');

console.timeEnd('test2');

$('body').empty();
console.time('test3');

var div = $('<div>').appendTo('body');

for (i = 0; i < 10000; i++) {
    div.append($('<div>',{id:'div'+i}));
}

console.timeEnd('test3');