Javascript 如何设置样式属性动态？

我正在使用这段代码来添加动态样式

函数翻译(
输入，
inputMin，
输入最大值，
outputMin，
输出最大值
) {
设inputMinA=Math.min（inputMin，input）；
设inputMaxA=Math.max（inputMax，input）；
返回(
输出分钟+
（（输出最大值-输出最小值）*（输入-输入最小值））/
（inputMaxA-inputMinA）
);
};
函数设置动画（节点、参数）{
for（参数中的变量键）{
如果（键！=“触发器”）{
让value=translateRange（params.trigger，params[key].start，params[key].end，params[key].from，params[key].to）；
setAttribute（“style”，`${key}:${value}`）；
}
}
}
let block=document.querySelector（“#block”）；
window.addEventListener（'scroll'，（e）=>{
动画（块，{trigger:window.scrollY，不透明度：{start:0，end:200，from:1，to:0}，旋转：{start:0，end:200，from:0，to:90}）；
});
正文{
高度：300vh；
填充：0；
保证金：0；
}
.集装箱{
位置：粘性；
排名：0；
}
#挡块{
高度：80px；
宽度：80px；
背景：绿色；
}

因为您不断使用单个styles@epascarello不透明度可以工作，但不能转换，因为
旋转：
不是有效的样式道具。有什么想法吗？我如何改进我的功能，让它工作？你试过了吗<代码>对象.assign（node.style，{[key]：value}）

@Mr.polywhill

node.style[key]=值现在可以工作了