6-7是否正确

6-7是否正确

<!DOCTYPE html> 

<html> 

<head> 

    <meta charset="UTF-8" /> 

    <title> arguments</title> 

</head> 

<body> 

   <p id="test" style="background-color: red; color: blue;">我是一个段落!</p>

<script type="text/javascript"> 

// 在此处补充代码

function css(){

    if(arguments.length == 2){

        return arguments[0].style.arguments[1];

    }else if(arguments.length == 3){

        return arguments[0].style.arguments[1] = arguments[2];

    }else{

        alert("请输入2-3个参数");

    }

}

var test = document.getElementById("test");

console.log(test,"background-color","orange");

console.log(test,"color");

</script> 

</body> 

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2021-01-12 17:12:07

同学你好,代码中有如下问题:

1、css方法没有调用,所以css方法中的代码并没有执行:

http://img1.sycdn.imooc.com//climg/5ffd63da09b7c5f207030207.jpg

建议调用一下:

http://img1.sycdn.imooc.com//climg/5ffd6419092decc905960186.jpg

此时控制台会报错:

http://img1.sycdn.imooc.com//climg/5ffd644709acedf207500157.jpg

点击报错信息,就能跳转到报错位置:

http://img1.sycdn.imooc.com//climg/5ffd6467095e1cb806050176.jpg

此处之所以报错,是因为写法不正确。arguments[1]是一个变量,我们需要获取的是style中,arguments[1]的值对应的那个属性值,所以要写成“style[变量]”:

http://img1.sycdn.imooc.com//climg/5ffd665609ce260406710123.jpg

“style.arguments[1]”这样写,会把arguments[1]当成一个固定的字符串来解析,而不会当成变量来解析。如果还是不理解二者的区别,可参考如下例子:

http://img1.sycdn.imooc.com//climg/5ffd676209c554b106930283.jpg

由于style中,没有字符串“arguments[1]”这样的属性,所以代码报错了。

综上,调整如下:

http://img1.sycdn.imooc.com//climg/5ffd677f093e923407760392.jpg

http://img1.sycdn.imooc.com//climg/5ffd67a409cbe4db06620143.jpg

祝学习愉快!


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师