How to find the width of a div using vanilla JavaScript?

Question

How do you find the current width of a

in a cross-browser compatible way without using a library like jQuery?

Answer 1

You can also search the DOM using ClassName. For example:

document.getElementsByClassName("myDiv")

This will return an array. If there is one particular property you are interested in. For example:

var divWidth = document.getElementsByClassName("myDiv")[0].clientWidth;

divWidth will now be equal to the the width of the first element in your div array.