for (var i = data.length; i--;) {
  sampleBody.querySelectorAll('.name')[i].innerText = data[i].name;
  sampleBody.querySelectorAll('.price')[i].innerText = data[i].price;
  sampleBody.querySelectorAll('.quantity')[i].value = data[i].quantity;
  sampleBody.querySelectorAll('.total')[i].innerText = data[i].total;
  html.appendChild(sampleBody);
}

var names = sampleBody.querySelectorAll('.name');
var prices = sampleBody.querySelectorAll('.price');
var quantities = sampleBody.querySelectorAll('.quantity');
var totals = sampleBody.querySelectorAll('.total');
for (var i = data.length; i--;) {
  names[i].innerText = data[i].name;
  prices[i].innerText = data[i].price;
  quantities[i].value = data[i].quantity;
  totals[i].innerText = data[i].total;
  html.appendChild(sampleBody);
}

for (var i = data.length; i--;) {
    var node = sampleBody.cloneNode(true);
    node.querySelector('#name').innerText = data[i].name;
    node.querySelector('#price').innerText = data[i].price;
    node.querySelector('#quantity').value = data[i].quantity;
    node.querySelector('#total').innerText = data[i].total;
    html.appendChild(node);
}