Js学习---妙味课堂1-4 （css + arguments）

arguments

　　用来获取函数有多少个参数，以及每个参数是什么： arguments.length / arguments[0]...等

// 好处，可以省略定义函数中的参数。

css函数

　　length==2，取值 length==3，赋值

取某一元素的样式：

//知道：要获取哪个元素的哪个样式
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}
else{
return getComputedStyle(obj,false)[attr];
}
}
window.onload = function(){
var oDiv=document.getElementById("div1");

//获取计算后的样式（当前样式、最终样式）
alert(getStyle(oDiv,"width"));
}

补充： 如 background 这种复合样式是无法取到的。（上面方法可以取得行外元素。）

因为css(元素，属性) 不行取得行外元素，顾此处封装一个css函数如下：

function css(){
if(arguments.length==2){  //获取
return getStyle(arguments[0],arguments[1]);
}
else if(arguments.length==3){  //设置改变属性
arguments[0].style[arguments[1]]=arguments[2];
}
}

//下面再简化一下： （因为参数与 arguments 是共存的）

function css(obj,attr,value){
if(arguments.length==2){  //获取
return getStyle(obj,attr);
}
else if(arguments.length==3){  //设置改变属性
obj.style[attr]=value;
//arguments[0].style[arguments[1]]=arguments[2];
}
}

// 如此，css函数便完整了。