JSFiddle - React, Tailwind, and code Playground

by dirtyd77

HTML

<div id="div1"></div>
<div id="div2"></div>

JavaScript

var dt = new Date(),
    dt2 = 0,
    dt3 = 0,
    dt4 = 0,
    div1 = d3.select('#div1'),
    div2 = d3.select('#div2'),
    docFrag = document.createDocumentFragment();

docFrag = d3.select(docFrag);

for(var i = 0; i < 1; i++){
    div1.append('span').text(i);
}
d2 = new Date();

dt3 = new Date();
for(var i = 0; i < 1; i++){
    var span = document.createElement('span');
    span.innerHTML = i;
    docFrag.appendChild(span);
}
div2.append(docFrag);
dt4 = new Date();

console.log('append:' + (dt2 - dt1));
console.log('doc frag:' + (dt4 - dt3));