kashif
kashif

Reputation: 1

Get image width/height units in JavaScript

I am creating an image object in JavaScript as

myImg = document.createElement('<img id=preview_image src="src/myImage.jpg" align="baseline" width="50%" height="80%"/>');

The image HTML will be obtained from database as in the given form. Now, how can I get the height and width with the units (i.e. 50% for width in this case)?

Upvotes: 0

Views: 1597

Answers (2)

Matt Ball
Matt Ball

Reputation: 359816

var width = myImg.width,   // width = '50%'
    height = myImg.height; // height = '80%'

// or
width = myImg.getAttribute('width'),
height = myImg.getAttribute('height');

Upvotes: 3

TJHeuvel
TJHeuvel

Reputation: 12608

As documented every DOMElement has a ClientHeight and ClientWidth property, those will have the values you need.

https://developer.mozilla.org/en/DOM/element

Upvotes: 0

Related Questions