Javascript: Set Width of DIV by Window Height

Question

I want to set the width of a div to the same value as the window height.

I tried something like this:

<script type="text/javascript"> $(".rt-container").style.width = $(window).height(); </script>

But it's not working. Maybe because I'm an absolute beginner with javascript.

How can I achieve it (by using jquery)?

Learn how to debug javascript using your console, jQuery object has no property style, DOM node has — A. Wolff
– A. Wolff, Commented Jun 5, 2014 at 17:18

G.Mendes · Accepted Answer · 2014-06-05 17:24:44Z

2

You can change css styles like this, use the method .css() with option and value as parameters and add the "px" to value, as mentioned in comments:

<script type="text/javascript"> $(".rt-container").css("width",$(window).height() +"px"); </script>

edited Jun 5, 2014 at 17:24

answered Jun 5, 2014 at 17:19

G.Mendes

1,2211 gold badge13 silver badges18 bronze badges

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

3 Comments

A. Wolff Over a year ago

px is optional here, anyway +1

Sam Creamer Over a year ago

@A.Wolff is that because it defaults to px?

A. Wolff Over a year ago

@SamCreamer Passing number to css method, jQuery convert it to string for some specific properties:

// If a number was passed in, add 'px' to the (except for certain CSS properties)	if ( type === "number" && !jQuery.cssNumber[ origName ] ) {	value += "px";	}

These are excluded properties:

"columnCount": true, "fillOpacity": true, "fontWeight": true, "lineHeight": true, "opacity": true, "order": true, "orphans": true,	"widows": true,	"zIndex": true,	"zoom": true

Collectives™ on Stack Overflow

Javascript: Set Width of DIV by Window Height

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related