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.

Syntax:

object.y;
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:
<head>
    <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!");
            }
        }
    </script>
</head>
<body>
    <img id="image" src="picture.gif" />
    <button onclick="GetTopLeft ();">Get the position of the image</button>
</body>
Did you find this example helpful? yes no

Supported by objects:

Related pages:

User Contributed Comments

Post Content

Post Content