Stringify DOM nodes using JSON (and revive again)

dom-to-json.js

/** @param {Node|HTMLElement} node */
function toJSON(node) {
	if(!node)
		node = this;

	var obj = { nodeType: node.nodeType };
	if(node.tagName)
		obj.tagName = node.tagName.toLowerCase();
	else if(node.nodeName)
		obj.nodeName = node.nodeName;
	
	if(node.nodeValue)
		obj.nodeValue = node.nodeValue;

	if(node.attributes && node.attributes.length > 0)
	{
		obj.attributes = new Array(node.attributes.length).reduce(function(obj,n,i) {
			var attr = node.attributes.item(i);
			obj[attr.nodeName] = attr.nodeValue;
			return obj;
		},{});
	}

	if(node.childNodes && node.childNodes.length > 0)
	{
		obj.childNodes = new Array(node.childNodes.length).map(function(n,i) {
			return toJSON(node.childNodes[i]);
		});
	}
	
	return obj;
}

/** @returns {Node} node */
function toDOM(obj) {
	if(typeof obj == 'string')
		obj = JSON.parse(obj);

	switch(obj.nodeType)
	{
		case Node.TEXT_NODE:
			return document.createTextNode(obj.nodeValue);
		case Node.COMMENT_NODE:
			return document.createComment(obj.nodeValue);
		case Node.DOCUMENT_NODE:
			return document.implementation.createDocument();
		case Node.DOCUMENT_TYPE_NODE:
			return document.implementation.createDocumentType(obj.nodeName);
		case Node.DOCUMENT_FRAGMENT_NODE:
			var frag = document.createDocumentFragment();
			obj.childNodes.forEach(function (child) {
				frag.appendChild(toDOM(child));
			});
			return frag;
		case Node.ELEMENT_NODE:
			var element = document.createElement(obj.tagName);
			for(var key in obj.attributes)
				element.setAttribute(key,obj.attributes[key]);
			obj.childNodes.forEach(function(child) {
				element.appendChild(toDOM(child));
			});
			return element;
		default:
			return undefined;
	}
}