can a javascript get the value of the div width from a css file

Question

can a javascript get the value of the div width from a css file,

if yes, then please tell me how :)

I don't understand what you're asking. What do you mean by "from a CSS file"? Why not just query the div's real width in the DOM? — Pekka
– Pekka, Commented Jun 23, 2010 at 15:55
Looks like you want to get the computed style, see: stackoverflow.com/questions/2531737/… — Christian C. Salvadó
– Christian C. Salvadó, Commented Jun 23, 2010 at 16:06

Mark Schultheiss · Accepted Answer · 2010-06-23 16:15:31Z

3

CSS files TELL what to set. The DOM (Document Object Model) HAS what it is currently which is the document.

var mydiv = document.getElementById("mydiv");
var curr_width = parseInt(mydiv.style.width); // removes the "px" at the end

Makes the assumption your have a div with id="mydiv"

edit1: There are also these:

document.getElementById("mydiv").clientWidth;
document.getElementById("mydiv").offsetWidth;

Edit2: just because it will probably come up: offsetWidth will include the width of any borders, horizontal padding, vertical scrollbar width, etc.

edited Jun 23, 2010 at 16:15

answered Jun 23, 2010 at 16:00

Mark Schultheiss

34.3k13 gold badges75 silver badges117 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

petraszd Over a year ago

It is possible that div does not exits on page. So, question's author can create dom element with required attributes (for css); calculate width; remove dom element.

Weston C · Accepted Answer · 2010-06-23 16:26:30Z

0

You're probably looking for some of the methods/properties associated with the StyleSheetList object stored in the document.styleSheets property.

See:

http://www.javascriptkit.com/domref/stylesheet.shtml

answered Jun 23, 2010 at 16:26

Weston C

3,6522 gold badges28 silver badges33 bronze badges

Collectives™ on Stack Overflow

can a javascript get the value of the div width from a css file

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related