scratchoo / fragbuilder.js

Document Fragment builder from JSON formatted input.

FragBuilder.js

Document Fragment builder from JSON input or HTML String ###sample usage

var df = FragBuilder([
	{
		"tagName": "div",
		"style": {
			"color": "red",
			"padding": "2px4px"
		},
		"childNodes": [
			{
				"textContent": "Hi"
			},
			{
				"tagName": "span",
				"style": {
					"background-color": "black"
				},
				"id": "myID",
				"textContent": ","
			},
			{
				"textContent": "there"
			}
		]
	}
]);

var dfs = FragBuilder("<div>Hello <small>world</small></div>");
document.getElementsByTagName('body')[0].appendChild(df);
document.getElementsByTagName('body')[0].appendChild(dfs);

//outputs
<div style="color: red; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; ">
	Hi <span style="background-color: black; " id="myID">,</span> there
</div>
<div>
	Hello <small>world</small>
</div>