Web API | DOMRectReadOnly y property
The y property in DOMRectReadOnly interface is used to represents the y-coordinate of the DOMRect object. It is the read-only property.
Syntax:
var recX = DOMRect.y;
Return Value: It returns the y-coordinate of DOMRectReadOnly object.
Example: This example uses DOMRect.y property to get the y-coordinate of the DOMRect object.
html
<!DOCTYPE html><html><head> <title> Web API DOMRectReadOnly y property </title></head><body style="text-align:center;"> <h1 style="color:green;"> GeeksforGeeks </h1> <h2>Web API | DOMRectReadOnly y property</h2> <button onclick="getDOMRect ();"> Get y-coordinate </button> <p id='DOMRect'></p> <script type="text/javascript"> function getDOMRect () { var myDOMRect = new DOMRect(0, 0, 100, 100); var recY = myDOMRect.y; document.getElementById('DOMRect').innerHTML = recY; } </script></body></html> |
Output:
- Before Click the Button:
- After Click the Button:
Supported Browsers: The browsers supported by DOMRectReadOnly y property are listed below:
- Google Chrome 61
- Edge 79
- Firefox 31
- Safari 10.1
- Opera 48
.png)
