Логин :
Пароль :
Зарегистрироваться
Закрыть
Вход / Регистрация
По дате добавления
По сложности

Расположение элемента JS

Аватар новости
При разработке сайтов часто требуется изменять позицию элементов динамически.
Первый способ сделать это с помощью CSS


Но если изменять позицию нужно по-разному, в зависимости от условий, то лучшим выбором будет Javascript.

Итак, у нас есть элемент:

<div id='test-position'>Позиционирование в js</div>


Изменение позиции

без jQuery

:
В этом нам может помочь margin:

var element=document.getElementById("test-position");
element.style.margin="15px";
//или
element.style.marginLeft="55px";


С помощью

top и left

:


<div id='test-position' style='position:absolute'>Позиционирование в js</div>

var element=document.getElementById("test-position");
element.style.top="25px";
element.style.left="35px";


Изменение позиции

c использованием jQuery

:

<div id='test-position' style='position:absolute'>Позиционирование в js</div>


$("#test-position").css({
margin:"25px",
marginLeft:"15px",
left: "15px",
top: "20px"
});



Спасибо за внимание.
Задавайте свои вопросы в комментариях.
Случайные уроки по этой теме:
2D игра на JS. Canvas, поворот изображения.
Классы в JS
Javascript Paint с использованием Canvas
jQuery. Подключение библиотеки, функция $
Таймер. setTimeout и setInterval
Для написания комментария
войдите или зарегистрируйтесь