Variable In Javascript Statement

How does one add a variable string in this javascript statement? where name may correspond to any valid string , say WebkitTransform or Moztransform,etc document.getElementById('te

Solution 1:

There are two ways to access members of a Javascript object.

Dot notation, which uses an identifier to access the member:

obj.member;

Bracket notation, which uses a string to access the member:

obj['member']

The latter uses a string to locate the member and you can just as easily use any expression. The value of the expression will be converted to a string so these are equivalent:

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

If your expression is already a string it will be used as is, and in your case your variable holds a string so you can just do:

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

Solution 2:

There are 2 ways of accessing values in javascript objects. The first one is by using the dot operator(e.g. object.memberName). The second one is by using the square bracket notation(e.g. object['memberName']).