La manipulación de una posición 's a través de JavaScript

Question

¿Cómo puedo configurar la parte superior, izquierda, la anchura y la altura de un <div>? Ya se aseguró de que flota insertando el siguiente código CSS:

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

Answer 1

Para obtener fácilmente una referencia al elemento, es posible que desee añadir un atributo id a ella, como id="Tooltip". A continuación, puede obtener una referencia y establecer las propiedades de estilo:

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

Si usted usa una biblioteca como jQuery se puede encontrar el elemento sin un id, y establecer el estilo de esta manera:

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

Es aún más eficiente si el elemento tiene un id, a continuación, la biblioteca no tiene que buscar a través de todos los elementos div en la página para encontrarlo:

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

Answer 2

jQuery:

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