The document.createDocumentFragment() method creates a new document fragment that can be inserted into any document.

<!-- html element to place output -->
<ul id="my_list">
    <li>Lamborghini</li>
    <li>Ferrari</li>
</ul>

// variable
let my_cars = ['Maserati', 'Alfa Romeo'];

// create a document fragment
let my_fragment = document.createDocumentFragment();

for (let x in my_cars) {
    let list = document.createElement('li');
    list.textContent = my_cars[x];
    my_fragment.appendChild(list);
}

// add fragment to a list
document.getElementById('my_list').appendChild(my_fragment);

- Lamborghini
- Ferrari
- Maserati
- Alfa Romeo

document.createDocumentFragment()