JSFiddle - React, Tailwind, and code Playground

by SpAm

JavaScript

function jqueryCreate() {

  var table = $('<table></table>');
  var thead = $('<thead></thead>');
  var tbody = $('<tbody></tbody>');

  table.append(thead);
  table.append(tbody);

  for(var i=0;i<10000;i++) {
    var tr = $('<tr></tr>');
    var td = $('<td></td>');
    td.html("sdf2");
    tr.append(td);

    tbody.append(tr);
  }

  $('body').append(table);

}

function nativeCreate() {

  var table = document.createElement('table');
  table.appendChild(document.createElement('thead'));
  var tbody = document.createElement('tbody');
  table.appendChild(tbody);

  for(var i=0;i<10000;i++) {
  	var tr = document.createElement('tr');
    var td = document.createElement('td');
    td.textContent = "sdf2";
    tr.appendChild(td);

    tbody.appendChild(tr);
  }

  document.body.appendChild(table);

}


var start = new Date().getTime();
nativeCreate();
var end = new Date().getTime();
console.log((end-start)/1000);