前端的‘-‘和驼峰式命名

在开发中有人习惯用'-'来命名如：first-name、last-named；

有的人习惯用驼峰式的形式命名如：firstName、lastName;

当然不止这两种风格。

而在前端的HTML的开发中用'-'来命名也可以，但是有时却是报错的，其实这两种是命名方式是相通的；

拿CSS的样式举例；

这里的是CSS中是'-'命名方式

h1{
    text-align: center;
    font-size: 3em;
}

如果需要直接用dom改变h1的style时

var h1 = document.getElementsByTagName('h1');
h1[0].style.textAlign = 'right'
h1[0].style.fontSize = '2em'

这里 text-align和textAlign是相通的，font-size和fontSize也是相通的；

如果在js中用'-'命名方式写text-align是会报错的