<!DOCTYPE html>
<html lang="en-US">
<body>
<ul></ul>
<script>
var x = document.getElementsByTagName("ul")[0];
var fruits = ["Apple", "Banana", "Cherry"];
var fragment = document.createDocumentFragment();
fruits.forEach(function(fruit){
var li = document.createElement('li');
li.textContent = fruit;
fragment.appendChild(li);
});
x.appendChild(fragment);
</script> </body>
</html>