Get width even if not set

Question

I know that we can have the absolute position of a div even if we don't set it (by using offset) : http://www.quirksmode.org/js/findpos.html

Can we get the width (or height) of a div even if we don't specify it ?

You can get the [computed style](http://stackoverflow.com/questions/6134471/have-problem-when-use-elements-that-added-to-an-array-with-document-getelementb/6134501#6134501) — Ibu, May 15 '12 at 17:08

Ben Lee · Answer 1 · 2012-05-15T17:17:03.930

1

You can use offsetHeight or offsetWidth, like this:

var elem_height = document.getElementById('elem').offsetHeight;
var elem_width = document.getElementById('elem').offsetWidth;

This will return the dimensions including border and padding (but not margin).

edited May 15 '12 at 17:17

answered May 15 '12 at 17:08

Ben Lee

52,489
13
125
145

score 1 · Accepted Answer · answered May 15 '12 at 17:13

1

You can use clientWidth and offsetWidth to get the width.

var foo = document.getElementById('foo').clientWidth;
var foo = document.getElementById('foo').offsetWidth;

clientWidth returns the viewable width of an element but does not include borders, margins, or scrollbars. offsetWidth returns the width of an element (including borders and padding), but not margins.

answered May 15 '12 at 17:13

j08691

204,283
31
260
272

Neither method includes the margins. – j08691 May 15 '12 at 17:19

score 0 · Answer 3 · answered May 15 '12 at 17:07

0

if you can use jQuery, then easily: $("#id").width() or .height(). This will also work on most browsers (even very old ones).

answered May 15 '12 at 17:07

Gavriel

18,880
12
68
105

1

thank you, but I will wait if there is another answer without jQuery. – user1365010 May 15 '12 at 17:09
It possibly would be `outerWidth()` and `outerHeight()`: http://api.jquery.com/outerWidth/ http://api.jquery.com/outerHeight/ – yunzen May 15 '12 at 19:42

Get width even if not set

3 Answers3