通过JavaScript </div>操作<div>的位置

时间:2009-12-06 11:37:46

标签: javascript css html positioning

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

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

2 个答案:

答案 0 :(得分:4)

要轻松获取对元素的引用,您可能需要为其添加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'});

答案 1 :(得分:0)

<强> jQuery的:

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