dom-recycler.js

dom-recycler.js

/** Typed DOM node factory with reclaimation */
let recycler = {
	collect(node) {
		recycler.clean(node);
		let name = node.nodeName,
			list = recycler.nodes[name];
		if (list) list.push(node);
		else recycler.nodes[name] = [node];
	},
	create(nodeName) {
		let name = nodeName.toUpperCase(),
			list = recycler.nodes[name];
		return list && list.pop() || document.createElement(name);
	},
	clean(node) {
		node.remove();
		let len = node.attributes && node.attributes.length;
		if (len) for (let i=len; i--; ) {
			node.removeAttribute(node.attributes[i].name);
		}
	},
	nodes: {}
};

usage.js

// instead of these:
let div = document.createElement('div');
div.remove();

// use these:
let div = recycler.create('div');
recycler.collect(div);