题目描述
css 中经常有类似 background-image 这种通过 - 连接的字符,通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式,请完成此转换功能
1. 以 - 为分隔符,将第二个起的非空单词首字母转为大写
2. -webkit-border-image 转换后的结果为 webkitBorderImage
function cssStyle2DomStyle(sName) {
let arr = sName.split("-");//现将字符串以‘-’分割成数组
if(arr[0] == ''){
arr.splice(0,1); //如果 -webkit- 这种格式的删除第一个数组
}
for(let i=1;i<arr.length;i++){//从第二个数组开始遍历,首字母变大,然后截取字符串拼接上
arr[i] = arr[i][0].toUpperCase()+arr[i].substring(1,arr[i].length);
}
return arr.join('')//数组转字符串
}