javascript - 查询函数参数表示对象名

Question

当你看到下面的例子时，事情就会清楚了。

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

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

正如您在前面的示例中看到的，我们有两个参数（prob是属性名称），（value是属性的值）。

该示例不起作用，也没有发生错误。我确定这一行Elem.style.prob = value;尤其是这里的问题style.prob。

Answer 1

变量不是以这种方式解决的。基本上，您的代码正在寻找一个字面上称为prob. 您必须使用方括号访问该属性，因为对象是按属性名称索引的。就像是：

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

这相当于：

Elem.style['backgroundColor'] = value;

这相当于：

Elem.style.backgroundColor = value;

演示