如何引用带有连字符的javascript对象属性？

Question

如何引用带有连字符的javascript对象属性？使用这个剧本使所有继承的等样式的样式对象。var style = css($(this));alert (style.width);alert (style.text-align);对于以下情况，第一个警报将正常工作，但第二个警报不工作。它在解释-作为负数，我想.。调试器说“未被引用的错误”。但是我不能在它周围加上引号，因为它不是一个字符串。那么如何使用这个对象属性呢？

Answer 1

属性的CSS属性。-在Javascript对象中用CamelCase表示。这将是：

alert( style.textAlign );

还可以使用括号符号来使用字符串：

alert( style['text-align'] );

属性名称可能只包含字符、数字、众所周知的$标志和_(多亏了pimvdb)。

Answer 2

对最初问题的回答是：将属性名称放在引号中，并使用数组样式索引：

obj['property-with-hyphens'];

一些人指出，您感兴趣的属性是CSS属性。具有连字符的CSS属性自动转换为骆驼外壳。在这种情况下，您可以使用CAMEL大小写名称如下：

style.textAlign;

但是，此解决方案仅适用于CSS属性。例如,

obj['a-b'] = 2;alert(obj.aB);          // undefined
alert(obj['a-b']);      // 2