2011-11-06 73 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';