ie-currentStyle-without-reflow.js

ie-currentStyle-without-reflow.js

(function (doc) {
	var docEl = document.documentElement;
	// get current style
	window.getCurrentStyle = function (node) {
		if (!node || !node.nodeName) return;
		var docElClone = docEl.cloneNode(true), a, l, i;
		for (a = docEl.getElementsByTagName(node.nodeName), l = a.length, i = 0; a[i] !== node; ++i);
		return docElClone.getElementsByTagName(node.nodeName)[i].currentStyle;
	};
})(document);

// only works in IE6+ browsers (browsers with node.currentStyle)
// so is this one of those rare instances where IE wins?
// example:
// <style> span { font-size: 50px; } </style><div style="font-size:100px;"><span><b id="test"></b></span></div>
// <script> console.log( getCurrentStyle(document.getElementById('test')).fontSize === '50px'); </script>