JSFiddle - React, Tailwind, and code Playground

by LeninPrakash

HTML

<div class="ajax-target">
    <h1>Dynamic Content</h1>    
</div>

JavaScript

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


var target = document.querySelector(".ajax-target");

target.appendChild(createFragment("<p>Hello world!!! I am very dynamic!</p>"));