javascript语句中的变量

Neh*_*eha 8 javascript css3

如何在此javascript语句中添加变量字符串?其中name可以对应任何有效的字符串,比如WebkitTransform或Moztransform等

document.getElementById('test').style.VARIABLE_NAME  =  'rotate(15deg)';
Run Code Online (Sandbox Code Playgroud)

当我将VARIABLE_NAME设置为WebkitTransform时,我的代码似乎不起作用,但如果我直接使用WebkitTransform,它可以正常工作,就像没有通过变量命名一样.提前致谢 :)

Pau*_*aul 19

有两种方法可以访问Javascript对象的成员.

点表示法,使用标识符访问成员:

obj.member;
Run Code Online (Sandbox Code Playgroud)

括号表示法,使用字符串访问成员:

obj['member']
Run Code Online (Sandbox Code Playgroud)

后者使用字符串来定位成员,您可以轻松使用任何表达式.表达式的值将转换为字符串,因此它们是等效的:

obj[{}]
obj['[object Object]']
Run Code Online (Sandbox Code Playgroud)

如果你的表达式已经是一个字符串,它将按原样使用,在你的情况下你的变量包含一个字符串,所以你可以这样做:

document.getElementById('test').style[VARIABLE_NAME]  =  'rotate(15deg)';
Run Code Online (Sandbox Code Playgroud)

  • 但要记住`obj ['接受一切甚至空格']`,而`obj.something with spaces`可能不会做你想要的 (5认同)
  • 一般来说,foo.bar是foo ['bar']的语法糖. (3认同)