cloneNode.js

cloneNode.js

(function (win, doc) {
	// clone element with outerHTML
	function cloneNodeWithHTML(node) {
		var xEl = doc.createElement('x-element');
		xEl.innerHTML = node.outerHTML || node.nodeValue;
		return xEl.firstChild;
	}
	// match textnodes
	function matchInnerNodes (nodeA, nodeB) {
		// get childNodes Length
		var nodeAChildNodesLength = nodeA.childNodes.length, nodeBChildNodesLength = nodeB.childNodes.length, i;
		// match values
		if (!supportsValues && 'value' in nodeA && nodeA.value !== nodeB.value) nodeB.value = nodeA.value;
		// restore missing text nodes
		if (!supportsTextNodes && nodeAChildNodesLength !== nodeBChildNodesLength)
			for (i = 0, nodeB.innerHTML = ''; i < nodeAChildNodesLength && nodeB.appendChild(doc.createTextNode(nodeA.childNodes[i].nodeValue)); ++i);
		else for (i = 0; i < nodeAChildNodesLength && arguments.callee(nodeA.childNodes[i], nodeB.childNodes[i]); ++i);
		// return node
		return nodeB;
	}
	// test clone node abilities
	var testNode = doc.createElement('textarea');
	testNode.appendChild(doc.createTextNode('a')); testNode.appendChild(doc.createTextNode('b'));
	testNode.value += 'c';
	testCloneNode = testNode.cloneNode(true);
	// detect cloning support
	var supportsValues = testCloneNode.value === 'abc', supportsTextNodes = testCloneNode.childNodes.length === 2;
	// clone node function
	win.cloneNode = supportsTextNodes ? function (node) {
		return matchInnerNodes(node, node.cloneNode(true));
	} : function (node) {
		return ('innerHTML' in node) ? matchInnerNodes(node, cloneNodeWithHTML(node)) : node.cloneNode(true);
	};
})(this, document);