获取div元素的宽度

Question

HTML:

<a id="postanad"  href="postad.php">Make a Post</a>

CSS:

#header #postanad {
    position: absolute;
    top: 50px;
    left: 250px ;
    background: #000 url(postad.gif) repeat-x 0% 100%;    
    font: bold 19px Tahoma, 'trebuchet MS', Sans-serif; 
    padding: 5px;


}

如何确定div元素所采用的像素/ ems大小,以便我可以使背景图像postad.gif具有相同的宽度？

为了清楚起见我不想动态确定宽度,只是想知道它占用了多少空间,以便我可以在PS中绘制背景图像.

Answer 1

如果您对jQuery感到满意,可以使用$("#postanad").width().

Answer 2

如果有人只想通过简单的 JavaScript 获取 div 的宽度，请使用：

document.getElementById('div_id').clientWidth;

欲了解更多可能性，请查看此处。