更改CSS使用Javascript，但使用變量

我知道這一點：更改CSS使用Javascript，但使用變量

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

但

代替 '50'（串），我想用另一個變量（例 number）。

我想這樣做，因爲我想要隨機數字。

任何簡單的方法來做到這一點？

來源

2017-05-23 Reldi Isufi

您想爲元素設置隨機高度嗎？您可以替換靜態的 document.getElemntById（'object'）。style.height = variable; – Canolyb1

只需使用一個變量來代替字符串，並在末尾追加'px'。 – G0dsquad

'.style.height = myvar +'px'' < - 這非常簡單。 – adeneo

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

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

來源

2017-05-23 16:03:42 Quentin

他想要一個隨機數，而不是一個可變字符串 –

@AmadouBeye - 問題是關於使用變量而不是字符串。他們不問如何把一個隨機數字放入一個變量中。 – Quentin

簡單

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

來源

2017-05-23 16:03:51 Goose

-1

試試這個

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

來源

2017-05-23 16:04:20

重新編輯：將字符串文字放在'+'運算符的右側將隱含地將LHS轉換爲字符串。明確調用'toString（）'函數是毫無意義的。 – Quentin

這是你將如何與一個隨機數做1到100之間Read more about Random

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

來源

2017-05-23 16:06:04 blackandorangecat

@dippas，你爲什麼要刪除我的鏈接？ – blackandorangecat

請不要參考W3schools。請參閱[w3fools]（http://www.w3fools.com/） – dippas

@dippas我不同意你的修改，但我似乎沒有任何權力來撤消修改。「W3fools」確實沒有解釋爲什麼不使用W3Schools，因爲這個問題是一個非常基本的問題，我會再次建議OP去檢查W3Schools。 'W3Fools：「所以當你準備升級時，繼續前進。」 ' – blackandorangecat

使用Math.random() * 300 ge t從1-300浮點數隨機選取一個，然後parseInt得到一個整數。

INT +字符串將讓你的字符串中JS所以無需轉換，只需使用randompx + 'px'

var randompx = parseInt(Math.random() * 300) + 1; 
 

 
//document.getElementById('object').style.height=randompx + 'px'; 
 

 
console.log(randompx+'px');

來源

2017-05-23 16:13:45

可以產生這樣的隨機數，並設置高度。在下面的例子中，maxHeight是獨佔的。

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

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

來源

2017-05-23 16:13:55 vabii

更改CSS使用Javascript，但使用變量

回答

相關問題