首页 > 代码库 > JS里引用CSS属性时候的命名

JS里引用CSS属性时候的命名

????如果JS代码中设置<p>元素的另一个CSS属性font-family。这个属性的获取方式与color属性略有不同,因为 font和family之间的连字符与JS中减法操作符相同,JS会把它解释为减号。如果你像下边这样访问名为 font-family 的属性,会收到一条出错信息:

????Element.style.font-family

????JS将减号前边的内容解释为"元素的style属性的font属性",把减号后的内容解释为一个名为family的变量,将整个表达式解释为一个减法运算。这完全违背了本意。

????减号和加号之类的操作符是保留字符,不允许用在函数或变量的名字里。这同时意味着它们也不能用在方法或属性的名字里(别忘了,方法和属性其实是关联在某个对象上的函数和变量)。

????当你需要引用一个中间带减号的CSS属性时,DOM要求你用驼峰命名法。CSS属性font-family变位DOM属性fontFamily:

????Element.style.fontFamily

JS里引用CSS属性时候的命名