实现一个 css 中通过 “-” 连接的字符转换成 驼峰格式
css 中经常有类似 background-image 这种通过 - 连接的字符,通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式,请完成此转换功能
1. 以 - 为分隔符,将第二个起的非空单词首字母转为大写
2. -webkit-border-image 转换后的结果为 webkitBorderImage
示例
输入 'font-size'
输出 fontSize
解决方法如下:
function cssStyle2DomStyle(sName) {
var arr = sName.split("-");
var arr1=arr.filter(item=>item);
var arr2=arr1.map(function(val,i){
if(i>0){
return val.replace(val[0],val[0].toUpperCase());
}else{
return val;
}
})
return arr2.join("");
}