描述
css 中经常有类似 background-image
这种通过 -
连接的字符,通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage
驼峰格式,请完成此转换功能
- 以 - 为分隔符,将第二个起的非空单词首字母转为大写
-webkit-border-image
转换后的结果为webkitBorderImage
function cssStyle2DomStyle(sName) {
let pname=sName.split('-')
for(let i=0,len=pname.length;i<len;i++){
if(pname[i]===''){
pname.splice(i,1)
}
}
// console.log(pname)
let Str=''
for(let index=0,len=pname.length;index<len;index++){
if(index==0){
Str += pname[index]
}else{
let Fletter=pname[index].slice(0,1).toUpperCase()
let Rest=pname[index].slice(1)
Str +=Fletter+Rest
}
}
return Str
}
let str='-webkit-border-image'
console.log(cssStyle2DomStyle(str))