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.
<!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
- Firefox
- Safari 10.1
- Opera
Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML course.
