javascript - 操纵一个通过 JavaScript 定位

Question

如何设置 a 的顶部、左侧、宽度和高度<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 这样的库，你可以找到没有 id 的元素，并设置如下样式：

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

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

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

Answer 2

jQuery：

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