DOM fragment or HTML string to JSONML serializer

dom2jsonml.js

/**
 * DOM fragment or HTML string to JSONML serializer.
 * @param {(string|DOM Fragment)} frag The piece of static DOM to convert.
 * @return {array} The JSONML serialization of frag.
 */
var dom2jsonml = (function () {
	function asJSONML(frag) {
		var el = [frag.nodeName]
		var elAttributes = {}

		var attrs = frag.attributes
		if (attrs) {
			for (var a = 0; a < attrs.length; a++) {
				var attr = attrs[a]
				elAttributes[attr.name] = attr.value
			}
			el.push(elAttributes)
		}

		var childNodes = frag.childNodes
		for (var i = 0, len = childNodes.length; i < len; i++) {
			var node = childNodes[i]
			var nodeType = node.nodeType
			if (nodeType === 1) {
				el.push(asJSONML(node))
			} else if (nodeType === 3) {
				el.push(node.data)
			}
		}

		return el
	}

	function parse(frag) {
		if (typeof frag === 'string') {
			var f = document.createElement('span')
			f.innerHTML = frag
			frag = f
		}

		return asJSONML(frag)
	}

	return parse
})();