参数argument的使用编程题

最新推荐文章于 2022-11-30 13:12:07 发布

stack君

最新推荐文章于 2022-11-30 13:12:07 发布

阅读量245

点赞数

分类专栏：前端 JavaScript

本文链接：https://blog.csdn.net/weixin_54362381/article/details/112424621

版权

前端同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

JavaScript

16 篇文章 1 订阅

订阅专栏

题目：

写一个操作css的函数，要求第一个参数传DOM元素(elem)，第二个参数传属性名，第三个参数传属性值。如果只有两个参数，则返回属性的值；如果有三个参数，则设置属性值。

思路：

定义一个函数css , 用于操作css；
利用arguments.length判断实参的个数，做相应的事情：如果只有两个参数则返回属性的值；如果有三个参数则设置属性值；
给id为test的p元素，通过css函数设置样式。

第一个：传入一个元素，background-color和orange

第二个：传入一个元素，一个color。并输出。

解答：

<!DOCTYPE html> 
<html lang="zh-CN"> 
<head> 
    <meta charset="UTF-8" /> 
    <title> arguments</title> 
</head> 
<body> 
   <p id="test" style="background-color: red; color: blue;">我是一个段落！</p>
<script type="text/javascript"> 
	//用于操纵css的函数
    function css(){
        if(arguments.length==2){
            return arguments[0].style[arguments[1]];
        }else if(arguments.length==3){
            arguments[0].style[arguments[1]]=arguments[2];
        }
    }
    var test=document.getElementById('test');
    css(test,'background-color','orange');
    console.log(css(test,'color'));
</script> 
</body> 
</html>

实现效果：
在这里插入图片描述
201803090110-10

stack君

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
参数argument的使用编程题

题目：写一个操作css的函数，要求第一个参数传DOM元素(elem)，第二个参数传属性名，第三个参数传属性值。如果只有两个参数，则返回属性的值；如果有三个参数，则设置属性值。思路：定义一个函数css , 用于操作css；利用arguments.length判断实参的个数，做相应的事情：如果只有两个参数则返回属性的值；如果有三个参数则设置属性值；给id为test的p元素，通过css函数设置样式。第一个：传入一个元素，background-color和orange第二个：传入一个元
复制链接

扫一扫