javascript - 将 CSS 规则转换为 JavaScript 属性

Question

有没有快速的方法或者预定义的JavaScript方法可以转换

"text-align"
"-webkit-transform"
"position"
"background-image"

进入

"textAlign"
"webkitTransform"
"position"
"backgroundImage"

使用 vanilla javascript(没有 jQuery 等)？

Answer 1

使用这个正则表达式替换:

"text-align".replace(/-([a-z])/g,function(m,l,i){return i?l.toUpperCase():l})

它匹配一个连字符，然后匹配一个字母。替换返回字母，如果索引为真(非 0)则大写。