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