为不同的动态属性添加值的更好方法是什么？

Question

向动态属性添加值的简单方法？

最近我发现自己处于需要动态更改div的内联样式的情况。

function dynamicCSS(prop, val) {
  el.style[prop] = val;
}

如果我的属性是转换旋转，那么我必须格式化这样的事情：

"rotate(" + val + "deg)"

在其他情况下，它看起来像这样：

"scale(" + val + "px)"

或仅仅是为了一个位置值：

50 + "px";

因此，为了解释所有css的可能性我将不得不创建疯狂数量的if语句。是不是有更优雅的方式？

Answer 1

你可以使用反引号

rotate(${val}deg

scale({val}px)

50px