迷津渡口

原生javascript兼容获取设置css样式函数

/**
 * 原生javascript兼容获取和设置css属性
 * @author     (小指-<qingzz@qingzz.cn>)
 * @url        (http://www.qingzz.cn/javascript_css_getset_function)
 * @param      {<object>}  obj     需要获取或设置css属性的DOM元素对象
 * @param      {<string>}  attr    需要获取或设置的css属性名称-获取只能是基本属性，设置可为复合属性
 * @param      {<string>}  value   可选参数，设置属性的参数值
 * @return     {<string>}          返回DOM元素对象当前的attr属性值
 */
function css(obj, attr, value) {
	// 判断参数选择获取还是设置
    if (arguments.length == 2) {
    	// IE使用currentStyle属性获取属性，其余浏览器使用getComputedStyle函数获取属性
        return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, false)[attr];
    } else {
    	// 通过style属性设置属性
        obj.style[attr] = value;
    }
}

小指才疏学浅，任何疏漏之处，请不吝赐教~