You are here: Reference > JavaScript > client-side > HTML DOM > properties > y (img)

y property (img)

Browser support:
Returns the top position of an image relative to the top side of its offsetParent element, in pixels.
For a cross-browser solution, use the offsetTop property instead.


You can find the related objects in the Supported by objects section below.
This property is read-only.

Possible values:

Integer that returns the top position in pixels.
Default: this property has no default value.

Example HTML code 1:

This example illustrates the use of the y property:
    <script type="text/javascript">
        function GetTopLeft () {
            var image = document.getElementById ("image");
            if ('x' in image) {
                var message = "The position of the image:";
                message += "\n Position x: " + image.x + "px";
                message += "\n Position y: " + image.y + "px";
                alert (message);
            else {
                alert ("Your browser doesn't support this example!");
    <img id="image" src="picture.gif" />
    <button onclick="GetTopLeft ();">Get the position of the image</button>
Did you find this example helpful? yes no

Supported by objects:

Related pages:

User Contributed Comments

Post Content

Post Content