查询通过函数参数表示对象名称

时间:2013-04-17 17:35:16

标签: javascript styles

当您看到以下示例时,事情就会很清楚。

function AddStyle(prob, value) {
    Elem = document.getElementById('box');
    Elem.style.prob = value;
}

// Here is, when usage.
AddStyle('backgroundColor', 'red');

正如您在上一个示例中看到的,我们有两个参数(prob是属性Name),(value是属性的值)。

该示例不起作用,也没有出现错误。 我确定此行Elem.style.prob = value;中的问题,尤其是style.prob

1 个答案:

答案 0 :(得分:0)

变量没有以这种方式解决。基本上,您的代码正在寻找一种名为prob的样式属性。您必须使用括号访问该属性,因为对象是按属性名称索引的。类似的东西:

Elem.style[prob] = value; // Access the property of style equal to the value of prob

这相当于:

Elem.style['backgroundColor'] = value;

这相当于:

Elem.style.backgroundColor = value;

Demo