Tengo una etiqueta div con la siguiente declaración:

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

Después de un rápido animación, me gustaría trasladar a la posición de la izquierda cuando se presiona un botón. He intentado un par de variaciones de este, pero no parece ser la correcta:

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

¿Cuál es la afirmación correcta a utilizar? Gracias.

  • Yo voy a ser el pedante señalar que usted está probablemente mejor de la relegación de estilos CSS. Entonces es una cuestión de agregar o cambiar la clase de un elemento que a efecto el cambio.
  • Todos los valores de CSS debe tener como unidades px, pt, etc… Y, que son los valores de cadena, no los números. Por eso, la configuración style.left=600 no hará nada. Debe ser style.left="600px". Además, si la posición no está ya configurado para absolute o relative, no hacer nada.
InformationsquelleAutor Crystal | 2011-11-06

3 Comentarios

  1. 1

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

    donde 100px es la nueva posición de la izquierda… position:absolute; parte podría ser trasladado a clase…

  2. 0

    No es imprescindible escribir element.style.left="600px";. Acaba de agregar
    document.getElementById('carRight').position='relative';.

Dejar respuesta

Please enter your comment!
Please enter your name here