Блог

Главная - Вопросы по программированию - Измените абсолютное положение тега div с помощью Javascript

Измените абсолютное положение тега div с помощью Javascript

#javascript

#javascript

Вопрос:

У меня есть тег div, объявленный следующим образом:

 <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;

Какой правильный оператор использовать? Спасибо.

Комментарии:

1. Я буду педантом, чтобы указать, что вам, вероятно, лучше перенести стили в свой CSS. Затем это вопрос добавления или изменения класса этого элемента, чтобы произвести изменение.

2. Все значения CSS должны иметь такие единицы, как px , pt и т.д… И это строковые значения, а не числа. Таким образом, настройка style.left=600 ничего не даст. Так и должно быть style.left="600px" . Кроме того, если для позиции еще не установлено значение absolute или relative , это ничего не даст.

Ответ №1:

Попробуй:

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

Ответ №2:

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

где 100px — новая левая позиция… position:absolute; часть может быть перемещена в класс…

Ответ №3:

Писать не обязательно element.style.left="600px"; . Просто добавьте document.getElementById('carRight').position='relative'; .