通過函數參數

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; 

Demo