Question

我知道：

document.getElemntById('object').style.height='50px';

但是我想使用另一个变量（例如'50'）而不是number（字符串）。

我想这样做，因为我想要随机数字。

任何简单的方法吗？

Answer 1

简单

var foobar = 25;
document.getElementById('object').style.height=foobar + 'px';

Answer 2

这是使用1到100之间的随机数进行操作的方法。Read more about Random

var RandomNumber = Math.floor((Math.random() * 100) + 1).toString();
document.getElementById('object').style.height=RandomNumber + 'px';

Answer 3

您可以在任何可以使用字符串文字的地方使用变量。

var foo = "50px";
document.getElementById('object').style.height = foo;

Answer 4

使用Math.random() * 300从1-300浮点数中获取随机数，然后使用parseInt得到一个整数。

int + string将在JS中获取字符串，因此无需转换，只需使用randompx + 'px'

＆＃13;

var randompx = parseInt(Math.random() * 300) + 1;

//document.getElementById('object').style.height=randompx + 'px';

console.log(randompx+'px');

＆＃13;

Answer 5

您可以像这样生成随机数并设置高度。在下面的示例中，maxHeight是独占的。

var minHeight = 10;
var maxHeight = 20;
var randomHeight = Math.floor((Math.random() * (maxHeight - minHeight)) + minHeight);

document.getElemntById('object').style.height = randomHeight + 'px';

Answer 6

试试这个

document.getElemntById('object').style.height= randomNumber + 'px';

使用Javascript更改CSS但使用变量

6 个答案: