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

问题描述

问 题

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

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

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

解决方案

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

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

改为

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

这篇关于javascript - js 生成随机的变量赋值给 css的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！