Insertion d'éléments HTML avec JavaScript code example

Example: Insertion d'éléments HTML avec JavaScript

function create(htmlStr) {
    var frag = document.createDocumentFragment(),
        temp = document.createElement('div');
    temp.innerHTML = htmlStr;
    while (temp.firstChild) {
        frag.appendChild(temp.firstChild);
    }
    return frag;
}

var fragment = create('<div>Hello!</div><p>...</p>');
// Vous pouvez utiliser des méthodes DOM natives pour insérer le fragment:
document.body.insertBefore(fragment, document.body.childNodes[0]);