append new content to HTML #javascript

append_new_content_to_HTML.js

/**
 * append new HTML elements to some existing one - efficiently
 * @param  {Object} htmlEl reference to the HTML element to append new HTML to
 */
function appendHTML(htmlEl) {
    var i = 0, el, fragment = document.createDocumentFragment();
    
    while (i < 200) {
        el = document.createElement('li');
        el.innerText = 'This is my list item number ' + i;
        fragment.appendChild(el);
        i++; }
        
        htmlEl.appendChild(fragment);
}