innerHTML vs createElement test (v11)

var innerHTMLstr = '<div>';
var i;
for (i = 0; i < 1000; i++) {
  innerHTMLstr += '<div><span>' + i + '</span></div>';
}
innerHTMLstr+='</div>';

document.getElementById('container').innerHTML = innerHTMLstr;

var container = document.getElementById('container');
var outerdiv = document.createDocumentFragment();
var i, div, span;
for (i = 0; i < 1000; i++) {
  div = document.createElement('div');
  span = document.createElement('span');
  span.innerHTML = i;
  div.appendChild(span);
  outerdiv.appendChild(div);
}

container.appendChild(outerdiv);

var container = document.getElementById('container');
var outerdiv = document.createDocumentFragment();
var i, div, span;
for (i = 0; i < 1000; i++) {
  div = document.createElement('div');
  span = document.createElement('span');
  span.appendChild(document.createTextNode(i));
  div.appendChild(span);
  outerdiv.appendChild(div);
}
container.appendChild(outerdiv);

var container = document.getElementById('container');
var outerdiv = document.createDocumentFragment();
var i, div, span;
for (i = 0; i < 1000; i++) {
  div = document.createElement('div');
  span = document.createElement('span');
  span.textContent = i;
  div.appendChild(span);
  outerdiv.appendChild(div);
}
container.appendChild(outerdiv);

var container = document.getElementById('container');
var outerdiv = document.createDocumentFragment();
var i, div, span;
for (i = 0; i < 1000; i++) {
  div = document.createElement('div');
  span = document.createElement('span');
  span.innerText = i;
  div.appendChild(span);
  outerdiv.appendChild(div);
}
container.appendChild(outerdiv);

var container = document.getElementById('container');
var outerdiv = document.createDocumentFragment();
var i, div, span;
var p;

  div = document.createElement('div');
  span = document.createElement('span');
  //span.appendChild(document.createTextNode(''));
  div.appendChild(span);

for (i = 0; i < 1000; i++) {
p = div.cloneNode(true);
p.firstChild.textContent = i;
outerdiv.appendChild(p);
}
container.appendChild(outerdiv);

var container = document.getElementById('container');
var i, div, span;
var p;

  div = document.createElement('div');
  span = document.createElement('span');
  span.appendChild(document.createTextNode('x'));
  div.appendChild(span);

for (i = 0; i < 1000; i++) {
p = div.cloneNode(true);
p.firstChild.firstChild.nodeValue = i;
container.appendChild(p);
}

var
a=document.getElementById('container'),
b=document.createDocumentFragment(),
c,
d=document.createElement('div'),
e=document.createElement('span');
d.appendChild(e);
for(c=0;c<1000;c++){
b.appendChild(d.cloneNode(true)).firstChild.textContent=c;
}
a.appendChild(b);