JSFiddle - React, Tailwind, and code Playground

by donce17

HTML

<div id="result"></div>

JavaScript

var j = {
    "title": "Some H1 title",
    "children": [{
        "title": "Some H2 title",
        "children": [{
            "title": "Some H3 title"
        }]
    },
    {
        "title": "Some H4 title",
        "children": [{
            "title": "Some H5 title"
        }]
    }]
}
var res = document.getElementById('result');
function print(obj){
    if ('title' in obj){
        var div=document.createElement("DIV");
        var t=document.createTextNode(obj.title);
        div.appendChild(t);
        result.appendChild(div);
        if ('children' in obj){
            for (var i = 0; i < obj.children.length; i++){
                print(obj.children[i])
            }
        }
    }
}

print(j);