2011-08-08 85 views
8

如何在此javascript語句中添加變量字符串? 其中name可以對應於任何有效的字符串,說WebkitTransform或Moztransform等javascript語句中的變量

document.getElementById('test').style.VARIABLE_NAME = 'rotate(15deg)'; 

我的代碼似乎並不當我設置VARIABLE_NAME來WebkitTransform工作,但它工作正常,如果我直接用WebkitTransform,如沒有通過變量命名。 在此先感謝:)

回答

19

有兩種方法可以訪問Javascript對象的成員。

Dot notation,它使用一個標識符來訪問所述構件:

obj.member; 

Bracket notation,它使用一個字符串來訪問構件:

obj['member'] 

後者使用一個串以定位所述部件和您可以輕鬆使用任何表達式。該表達式的值將被轉換爲字符串,所以這些都是等價的:

obj[{}] 
obj['[object Object]'] 

如果你的表情已經將使用它作爲一個字符串,並在你的情況你的變量保存一個字符串,所以你可以做:

document.getElementById('test').style[VARIABLE_NAME] = 'rotate(15deg)'; 
+3

一般來說,foo.bar是foo ['bar']的語法糖。 –

+0

謝謝你,現在工作正常:D – Neha

+0

@Neha不客氣,我很高興它幫助你。 – Paulpro

3

有2種訪問javascript對象中的值的方法。第一個是使用點運算符(例如object.memberName)。第二個是使用方括號表示法(例如object ['memberName'])。

+0

membername需要用第二個例子引用。 –

+0

你說得對。感謝您指出了這一點。 – Hyangelo