javascript - 将 JS 驼峰式 DOM 样式属性转换为有效的 CSS 属性？

Question

我想使用任何 camelcase 属性CSSStyleDeclaration并获取相应的 kebabcase CSS 属性。例如转换marginLeft为margin-left. 有没有内置函数可以做到这一点？我不想简单地将 camelcase 转换为 kebabcase，因为不能保证它会一直有效。

标签： javascriptcssdom

Answer 1

使用正则表达式的函数：

function CamelToSnake(string) {
    return string.replace(/([a-z]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
};

CamelToSnake("marginLeft")