Open In App
Related Articles

Web DOMRect API DOMRect() Constructor

Improve Article
Save Article
Like Article

The DOMRect() constructor in DOMRect API is used to create DOMRect object which represents a rectangle. 


let myDOMRect = new DOMRect(x, y, width, height);

Parameters: This constructor contains four parameters as mentioned above and described below:

  • x: It sets the x-coordinate of the rectangle.
  • y: It sets the y-coordinate of the rectangle.
  • width: It sets the width of the rectangle.
  • height: It sets the height of the rectangle.

Example: This example creates a DOMRect object with given parameters. 


<!DOCTYPE html>
        Web API DOMRect() Constructor
<body style="text-align:center;">
    <h1 style="color:green;">
    <h2>Web API DOMRect() Constructor</h2>
    <button onclick="getDOMRect ();">
        Get DOMRect object
    <p id='DOMRect'></p>
    <script type="text/javascript">
        function getDOMRect() {
           let myDOMRect = new DOMRect(0, 0, 100, 100);



Supported Browsers: The browsers supported by DOMRect() constructor are listed below:

  • Google Chrome
  • Firefox
  • Opera
  • Safari 10.1
Last Updated : 15 Jun, 2023
Like Article
Save Article
Similar Reads
Related Tutorials