WebInJSON.js

var elementCount = 0;
function addElement (child, parent) {
    if (!child.type) return;
    elementCount++;
    console.log('child = ' + JSON.stringify(child));
    console.log('element count = ' + elementCount);

    if (child.style) {
        var style = '';
        child.style.forEach(function(css) {
            style += css;
        });
        child.style = style;
    }

    var childElement;
    if (child.id) {
        childElement = '<' + child.type + ' id="' + child.id + '" ';
    }
    else {
        childElement = '<' + child.type + ' id="' + elementCount + '" ';
    }
    if (child.style) childElement += 'style="' + style + '" ';
    if (child.href) childElement += 'href="' + child.href + '" ';
    if (child.src) childElement += 'src="' + child.src + '" ';
    if (child.class) childElement += 'class="' + child.class + '" ';
    if (child.width) childElement += 'width="' + child.width + '" ';
    if (child.height) childElement += 'height="' + child.height + '" ';
    childElement += '>';
    if (child.text) childElement += child.text;
    childElement += '</' + child.type + '>';

    console.log('childElement = ' + childElement);
            
    $(parent).append(childElement);

    if (child.id) {
        var parentId = $('#' + child.id);
    }
    else {
        var parentId = $('#' + elementCount);
    }
    if (child.contents) child.contents.forEach (function(element) {
        addElement(element, parentId);
    });
}