Get width of element with no css or width attribute

Question

Scenario: You have a div with some text, this div has no css width, no jquery width, no width attribute assigned to it in any way. However it has a width due to the content that is inside it, this is undefined, reports as "null" in jQuery. My question is: is there any way to retireve the width of this div?

Answer 1

You can use the offsetWidth like this:

element.offsetWidth

or with a ref in React

elementRef.current.offsetWidth

Answer 2

with jquery you can do below

$('#id').width()

Answer 3

$(element).width() should give you the actual width. With $(element).outerWidth(includeMargin) you can even get the width including padding, border, and, if desired, the margin.