Управление позицией <div>с помощью JavaScript

Question

Как мне установить верхнюю, левую, ширину и высоту <div>? Я уже убедился, что он плавает, вставив следующий код CSS:

div.grid_tooltip {
    position: absolute;
    left: 0px;
    top: 0px;
}

Answer 1

Чтобы легко получить ссылку на элемент, вы можете добавить к нему атрибут id, например id="Tooltip". Затем вы можете получить ссылку и установить свойства стиля:

var e = document.getElementById('Tooltip');
e.style.width = '100px';
e.style.height = '100px';

Если вы используете библиотеку типа jQuery, вы можете найти элемент без идентификатора и установить стиль следующим образом:

$('div.grid_tooltip').css({ width: '100px', height: '100px'});

Еще эффективнее, если элемент имеет идентификатор, тогда библиотеке не нужно искать все элементы div на странице, чтобы найти его:

$('#Tooltip').css({ width: '100px', height: '100px'});

Answer 2

JQuery:

$(".some_element").css({
    "width" : "100px",
    "height" : "200px" 
});