arguments

最新推荐文章于 2024-06-04 23:30:50 发布

Cc_JoJo

最新推荐文章于 2024-06-04 23:30:50 发布

阅读量265

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： web

本文链接：https://blog.youkuaiyun.com/caohoucheng/article/details/72818150

web前端专栏收录该内容

20 篇文章

订阅专栏

arguments
参数的个数可变，参数数组
例1：如下求和中
alert(arguments.length);输出3
alert(arguments[0]);输出12

function sum(){
var result=0;
for(var i=0;i<arguments.length;i++){
result+=arguments[i];
}
}
alert(sum(12,6,8));//输出26

例二

设置一个div，宽200px、高200px、背景红色、id=“div1”

<body>
<div id="div1" style="width:200px;height:200px;background:red"></div>
</body>

<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'));//输出200px
    css(oDiv,'background','green');
    }
</script>

如果有两个参数，则为获取元素。
如果有三个参数，则为设置元素样式。
arguments[0]代表元素，arguments[1]代表具体样式，arguments[2]为设置的样式值，例如css(oDiv,’background’,’green’);就是将oDiv元素的b
ackground样式设置成green

总是写arguments[]会很麻烦，可以添加参数，obj代表arguments[0],name代表arguments[1],value代表arguments[2]

<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>