JavaScript函数深入讲解 6-7 编程练习

<!DOCTYPE html>

<html>

<head>

</head>

<body>

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

function css(obj1,obj2,obj3){

if (arguments.length==2) {

return arguments[0].style[arguments[1]]; //如果只有两个参数，则返回属性的值；

}else{

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

}

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

console.log(css(test,"color"));

console.log(css(test,"background-color","orange")); //这个地方为什么会报错

</script>

</body>

</html>

源自：JavaScript函数深入讲解 6-7 编程练习

收起

3回答

潜狸 2017-12-11 11:36:50

为什么style那里必须要用[]括起来呢？用return arguments[0].style.arguments[1];就会报错，还有就是翻译过来p.stylecolor?这样就可以返回blue？

小于飞飞 #1

arguments[0].style.arguments[1]想表达某个元素的style的相应样式，这样写成arguments[1]样式，但是没有这个样式，所以报错，应该是arguments[1]中的那个样式值，所以要使用[ ] , 将里面的值取出，这是语法。翻译过来是p.style.color , 根据代码p的行内样式color:blue,所以是blue.

2017-12-11 15:14:44
潜狸 #2

记住这个语法就行，一句话，用点就是不行

2017-12-11 15:29:50