通过 JavaScript 操作 <div> 的位置答案

【问题标题】：Manipulating a <div>'s position through JavaScript通过 JavaScript 操作 <div> 的位置
【发布时间】：2009-12-06 20:06:25
【问题描述】：

如何设置<div> 的顶部、左侧、宽度和高度？我已经通过插入以下 CSS 代码确保它浮动：

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

【问题讨论】：

【解决方案1】：

要轻松获得对元素的引用，您可能需要为其添加一个 id 属性，例如id="Tooltip"。然后就可以获取参考并设置样式属性：

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

如果你碰巧使用 jQuery 之类的库，你可以找到没有 id 的元素，并设置如下样式：

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

如果元素有 id 会更高效，那么库就不必搜索页面上的所有 div 元素来找到它：

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

【讨论】：

【解决方案2】：

jQuery：

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

【讨论】：