JS-可变参（arguments )取非行间样式

函数返回值
什么是函数返回值
函数的执行结果
可以没有return
一个函数应该只返回一种类型的值

函数传参
1.可变参（不定参）：arguments
参数的个数可变，参数数组
例子1：求和 求所有参数的和
2.取非行间样式(不能用来设置)： obj.currentStyle[attr] getComputedStyle(obj, false)[attr]
例子1：
<script>
function sum()（

{
var result=0;
for(var i=0;i<arguments.length;i++)
{
result+=arguments[i];
}
return result;
}
alert(sum(12, 6, 8,8, 6, 8, 6, 8));
</script>

例子2：CSS函数 判断arguments.length 给参数取名，增强可读性

<script>
function css()
{
if(arguments.length==2) //获取
{
return arguments[0].style[arguments[1]];
}
else
{
arguments[0].style[arguments[1]]=arguments[2];
}
}

window.onload=function ()
{
var oDiv=document.getElementById('div1');

//alert(css(oDiv, 'width'));

css(oDiv, 'background', 'green');
};
</script>

<div id="div1" style="width:200px; height:200px; background:red;"></div>
缩写版：
<script>
function css(obj, name, value)
{
if(arguments.length==2) //获取
{
return obj.style[name];
}
else
{
obj.style[name]=value;
}
}

window.onload=function ()
{
var oDiv=document.getElementById('div1');

alert(css(oDiv, 'width'));

//css(oDiv, 'background', 'green');
};
</script>
2.取非行间样式(不能用来设置)： obj.currentStyle[attr] getComputedStyle(obj, false)[attr]
<style>
#div1 {width:200px; height:200px; background:red;}
</style>
<script>
function getStyle(obj, name)
{
if(obj.currentStyle)
{
return obj.currentStyle[name];//兼容ie版本
}
else
{
return getComputedStyle(obj, false)[name];//兼容FF和谷歌版本
}
}

window.onload=function ()
{
var oDiv=document.getElementById('div1');

alert(getStyle(oDiv, 'backgroundColor'));
};
</script>

<div id="div1">
</div>