这里是用arguments的方法来使用的,函数的返回值;下面是函数的不断演化;

可以通过给函数起名字,代替arguments来使用,而且这样做还可以起到易读性的效果;方便我们的写代码和阅读代码;

 

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
function css()
{
if(arguments.length==2)//获取元素
{
return arguments[0].style[arguments[1]];
}
else
{
return arguments[0].style[arguments[1]]=arguments[2]
}
}
window.onload=function()
{
var oDiv=document.getElementById('div1');
alert(css(oDiv,'width'))
css(oDiv,'background','blue')
}
</script>
</head>
<body>
<div id="div1" style="width: 200px;height:200px;background: red;" ></div>
</body>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>arguments通过名字来代替,可以简写很多东西</title>
<script>
function css(obj,name,value)
{
//alert(obj==arguments[0]); //弹出来是true,说明obj就是arguments[0]的,是相等的;
if(arguments.length==2)//获取元素
{
return obj.style[name];
}
else
{
return obj.style[name]=value
}
}
window.onload=function()
{
var oDiv=document.getElementById('div1');
alert(css(oDiv,'width'))
css(oDiv,'background','blue')
}
</script>
</head>
<body>
<div id="div1" style="width: 200px;height:200px;background: red;" ></div>
</body>
</html>