CSS中经常有类似background-image这种通过-连接的字符,通过JS设置样式的时候需要将这种样式转换成backgroundImage驼峰格式,创建函数实现此转换功能:
以-为分割符,将第二个起的非空单词首字母转为大写
每个单词仅有首字母大写
若开头为-,则删除
非字母保持不变
示例:
输入 | 输出 |
---|---|
font-size | fontSize |
Font-NAME | fontName |
-webkit-border-image | webkitBorderImage |
table-style-1 | tableStyle1 |
代码实现:
function css(sName) {
let arr = sName.split('-')
if (!arr[0]) {
arr.shift()
}
arr[0] = arr[0].substring(0).toLowerCase()
for (var i = 1; i < arr.length; i++) {
arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].substring(1).toLowerCase();
}
return arr.join('')
}