2011-11-06 92 views
3

我必須聲明如下div標籤:更改div標籤的絕對位置使用Javascript

<div id="carRight" style="position:absolute; left:600px; top:170px;"> 
<img src="carRight.png" width="256" height="256" /> 
</div> 

快速動畫後,我想在按下按鈕移到左側位置。我嘗試了幾個變化,但它似乎並不正確:

document.getElementById('carRight').style.left=600; 
document.getElementById('carRight').style.position.left=600; 

什麼是正確的聲明使用?謝謝。

+0

我會很樂於指出,你可能更適合將樣式降級到CSS。然後是添加或更改該元素的類來實現更改。 –

+1

所有的CSS值都必須具有像「px」,「pt」等單位......而且,它們是字符串值,而不是數字。所以,設置'style.left = 600'什麼都不會做。它必須是'style.left =「600px」'。另外,如果位置還沒有設置爲「絕對」或「相對」,它將不會執行任何操作。 – jfriend00

回答

15

嘗試:

document.getElementById('carRight').style.left="600px"; 
0

document.getElementById('carRight').style="position:absolute; left:100px; top:170px;";

其中100px是新左派的位置... position:absolute;部分可移至類...

0

這是沒有必要寫element.style.left="600px";。只需添加 document.getElementById('carRight').position='relative';

相關問題