JSFiddle - React, Tailwind, and code Playground

by holf

JavaScript

var xmlToParse = $('<div class="paragraph" id="d4f572e0-bc8a-4297-8326-230cfee7df20" style="min-height: 1em; min-width: 5px;">Westminster Hall</div><div>boo</div>');

console.log(xmlToParse);

var innerHtml = xmlToParse[0].innerHTML;
var hansardStyle = "hs_3MainHeading";

console.log(innerHtml);

var fragment = document.implementation.createDocument('http://www.parliament.uk/commons/hansard/print', 'Fragment', null);

var bodyElement = fragment.createElement("Body");
var peElement = fragment.createElement(hansardStyle);
var peTextContent = fragment.createTextNode(innerHtml);

peElement.appendChild(peTextContent);
bodyElement.appendChild(peElement);

function createHeaderElement(houseNumber, systemNumber, hansardDate, sectionCode)
{
    var header = fragment.createElement("Header");
    debugger;
    header.appendChild(createElementWithTextContent("House", houseNumber));
    header.appendChild(createElementWithTextContent("System", systemNumber));
    header.appendChild(createElementWithTextContent("Sitting", hansardDate));
    header.appendChild(createElementWithTextContent("Section", sectionCode));
    header.appendChild(createElementWithTextContent("TransformationVersion", 0.7));

    return header;
}

function createElementWithTextContent(nameOfElementToAdd, textContentOfElementToAdd)
{
    var elementToAdd = fragment.createElement(nameOfElementToAdd);
    var textContent = fragment.createTextNode(textContentOfElementToAdd);
    elementToAdd.appendChild(textContent);
    return elementToAdd;
}

var headerElement = createHeaderElement(0, 4, "Monday 17 September 2012", "AA-AB1");
fragment.documentElement.appendChild(headerElement);
fragment.documentElement.appendChild(bodyElement);

console.log(fragment);