获取对象样式属性函数getStyle()

function getStyle(elem, styleName){
	if(elem.style[styleName]){ //获取内联样式
		return elem.style[styleName];
	}
	else if(elem.currentStyle){ //IE特有的属性
		return elem.currentStyle[styleName];
	}
	else if(window.getComputedStyle){ //DOM标准属性
		return window.getComputedStyle(elem, null)[styleName];
	}
	else{ 
		return null;
	}
}

考虑到函数中有重复工作的部分，优化一下：

function getStyle(elem, styleName){
	if(elem.currentStyle) {
		getStyle = function(elem, styleName) {
			if(elem.style[styleName]){ 
				return elem.style[styleName];  
			} else {
				 return elem.currentStyle[styleName];
			}
		}
	} else if(window.getComputedStyle) {
		getStyle = function(elem, styleName) {
			if(elem.style[styleName]){
				return elem.style[styleName];
			} else {
				return window.getComputedStyle(elem, null)[styleName];  
			}
		}
	} else {
		getStyle = function(elem, styleName) {
			return elem.style[styleName];
		}
	}
	return getStyle(elem, styleName);
} 

代码貌似有点长了，再优化一下：

function getStyle(elem, styleName){
	if(elem.currentStyle) {
		getStyle = function(elem, styleName) {
			return elem.style[styleName] ? elem.style[styleName] : elem.currentStyle[styleName];
		}
	} else if(window.getComputedStyle) {
		getStyle = function(elem, styleName) {
			return elem.style[styleName] ? elem.style[styleName] : window.getComputedStyle(elem, null)[styleName];
		}
	} else {
		getStyle = function(elem, styleName) {
			return elem.style[styleName];
		}
	}
	return getStyle(elem, styleName);
}

不作多余代码解释了，网上搜下一大堆。