How to get width of element in javascript

Question

I am trying to get the width and height of an element. My element is a DIV with the id of "page".

The current code is not working as my div has a border and it allows my button to go out of the border.

I have tried the .offsetWidth as well as .clientwidth - Both returned null values.

var buttonState = document.getElementById("clickMe");
var maxArea = document.getElementById("page");
var pageWidth = maxArea.width;
var pageHeight = maxArea.height;
var screenWidth = 0;
var screenHeight = 0;
var buttonSize = 4;

Papershine · Accepted Answer · 2018-09-26 12:32:51Z

1

window.getComputedStyle("page").getPropertyValue('font-size');

edited Sep 26, 2018 at 12:32

Papershine

5,2332 gold badges27 silver badges48 bronze badges

answered Sep 26, 2018 at 12:32

lydiaP

1231 silver badge14 bronze badges

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

Comments

Vidul · Accepted Answer · 2015-07-26 23:46:18Z

0

document.getElementById("page").style.width

answered Jul 26, 2015 at 23:46

Vidul

10.6k2 gold badges20 silver badges20 bronze badges

3 Comments

user5096599 Over a year ago

I am getting an error in console that says "Uncaught TypeError: Cannot read property 'style' of null"

UtsavShah Over a year ago

That means the element isn't present when your JavaScript is run.

user41871 Over a year ago

Double-check that your div has id="page" rather than class="page". Also it is a good idea to post the relevant part of the HTML as well.

Collectives™ on Stack Overflow

How to get width of element in javascript

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related