how we get element width in decimal using jquery

Question

I am getting the width of element in integer rather than in fraction because my element width is 49.358 px. But i am getting 50px using

$('lichildren').width()

where liChildren is my variable please suggest me any alternate for this issue.

When an element is shown on screen, the browser rounds the size to the nearest pixel - because the smallest unit of measurement on a monitor is a pixel. 50px is probably what the width of the element is when displayed, so the variable is correct — Ben, Mar 20 '15 at 09:34

score 15 · Answer 1 · edited May 23 '17 at 11:55

15

Reference Question Use the native Element.getBoundingClientRect rather than the style of the element. It was introduced in IE4 and is supported by all browsers:

$("#lichildren")[0].getBoundingClientRect().width

edited May 23 '17 at 11:55

Community

answered Mar 20 '15 at 09:39

Sadikhasan

score 2 · Answer 2 · edited May 23 '17 at 10:10

2

See the following answer to a similar question:

The accepted answer starts by saying:

If you already have a reference to the DOM element, element.getBoundingClientRect will get you the values you want.

edited May 23 '17 at 10:10

Community

answered Mar 20 '15 at 09:38

Grokify

2 Answers2