JavaScript: Get actual Width and Height of element in HTML

Question

HiHow to get actual height and width of element in HTML using JavaScriptltdiv style34width 300px height 1000px34gt    lth3gtASPSnippetslth3gtltdivgt

Mudassar · Accepted Answer

Hi makenziexcUse theJavaScript offsetHeigh and offsetWidth propertyRefer below exampleHTMLltDOCTYPE htmlgtlthtml lang34en34gtltheadgt    ltmeta charset34utf834gt    ltmeta httpequiv34XUACompatible34 content34IEedge34gt    ltmeta name34viewport34 content34widthdevicewidth initialscale1034gt    lttitlegtlttitlegt    ltstyle type34textcss34gt        body  fontfamily Arial fontsize 10pt     ltstylegtltheadgtltbodygt    ltdiv id34dvContent34 align34center34 style34background 61028D width 300px height50px border 1px solid 61028D34gt        ltdiv style34width 300px34gt            lth3 style34colorwhite34gtWelcome to ASPSnippetslth3gt        ltdivgt    ltdivgt    ltbr gt    ltinput type34button34 value34Get Dimension34 onclick34GetDimension34 gt    ltscript type

JavaScript: Get actual Width and Height of element in HTML

Company

Explore

Follow us

Contact Us