js 生成随机的变量赋值给 css

Question

我想做一个按钮， 点击一次就给 id 值为 test1_id 的 div 容器 赋值一个不同的 width
div 又不能用 test1_id.width， 只想到通过 style.width 改变 width
然后 碰到一个问题就是 生成随机数与100的乘积（100*rate）赋值给 width 时， 返回了空字符串（这空的应该代表空字符串吧..)

起初我以为是 btn1.onclick 触发时 rate 还没来得及算， 后来 rate 放在全局环境中也时不行的， 所以排除了
又以为是数字太奇怪， 也排除了..
现在，想不出原因了..
（还有， 动态改变 div 之类的 style 、 css 值的时候， 还有其它方法么， 没有想到其它的了）

（我还特意加的单引号... 根本没想到是这里的问题...

Answer 1

把下面这句中的单引号去掉：

var test_rate = `'${100*rate}px'`;

改为

var test_rate = `${100 * rate}px`;

Answer 2

题主没留意到test_rate的表达式多了引号么？

本来只要是xxx.style.width = "800px";就可以了，但是现在变成
xxx.style.width = "'800px'";
所以就没效果了

Answer 3

去掉引号