2013-01-02 94 views
1

只是一個基本的問題Javascript object css manipulation

我有一個對象,我試圖讓它的CSS屬性。所以,我想是這樣的

var width = e.style.width; 

我很喜歡90%肯定寬度將成爲一個字符串,但我還是那句話真的不知道。 我可以

e.style.width = 200; 

設置的對象,所以它把一個整數或浮點數或W/E值,我想,但不知道怎麼弄的CSS樣式了。

感謝

+0

parseFloat做的工作,但你將有比例的煩惱,從@koder答案將會對更好的代碼更有用。 –

回答

2

只需使用

parseFloat(e.style.width); 

這將去掉了「PX」出來的價值,給你以像素爲單位的實際值。

+1

而且還會爲'100%'的值做'有趣的東西',應該遇到這樣的情況。 – 2013-01-02 06:18:21

+0

好吧,謝謝不知道parseFloat做了那個 – wzsun

3

你應該如下

e.style.width = '80.2%'; 
e.style.width = '80.2em'; 

請參閱以下鏈接Link 1link 2

,如果你嘗試獲得寬度使用JavaScript,那麼你可以如下面的代碼

parseFloat(e.style.width); 
1

爲了得到使用使用對象的寬度,你可以使用clientWidth或offsetWidth作爲(都會返回給你一個整數):

var width = e.clientWidth; 

var width = e.offsetWidth; 

,並設置您可以使用下面的代碼對象寬度:

e.style.width = "200px";