DOMRect

Constructor

DOMRect(): Creates a new DOMRect object.

Instance properties

DOMRect inherits properties from its parent, DOMRectReadOnly. The difference is that they are not read-only anymore.

DOMRect.x: The x coordinate of the DOMRect's origin (typically the top-left corner of the rectangle).
DOMRect.y: The y coordinate of the DOMRect's origin (typically the top-left corner of the rectangle).
DOMRect.width: The width of the DOMRect.
DOMRect.height: The height of the DOMRect.
DOMRectReadOnly.top: Returns the top coordinate value of the DOMRect (has the same value as y, or y + height if height is negative).
DOMRectReadOnly.right: Returns the right coordinate value of the DOMRect (has the same value as x + width, or x if width is negative).
DOMRectReadOnly.bottom: Returns the bottom coordinate value of the DOMRect (has the same value as y + height, or y if height is negative).
DOMRectReadOnly.left: Returns the left coordinate value of the DOMRect (has the same value as x, or x + width if width is negative).

Static methods

DOMRect may also inherit static methods from its parent, DOMRectReadOnly.

DOMRect.fromRect(): Creates a new DOMRect object with a given location and dimensions.

Instance methods

DOMRect may inherit methods from its parent, DOMRectReadOnly.

Specifications

Specification
Geometry Interfaces Module Level 1 # DOMRect

Browser compatibility

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`DOMRect`	Chrome – No support Chrome 2 – 60 (Release date: 2009-05-21) altname altname Alternate name: ClientRect Chrome – Full support Chrome 61 (Release date: 2017-09-05) footnote Full support	Edge – No support Edge 12 – 18 (Release date: 2015-07-29) altname altname Alternate name: ClientRect Edge – Full support Edge 79 (Release date: 2020-01-15) footnote Full support	Firefox – No support Firefox 3 – 26 (Release date: 2008-06-17) altname altname Alternate name: ClientRect Firefox – Full support Firefox 27 (Release date: 2014-02-04) footnote Full support	Opera – No support Opera 9.5 – 47 (Release date: 2008-06-12) altname altname Alternate name: ClientRect Opera – Full support Opera 48 (Release date: 2017-09-27) footnote Full support	Safari – No support Safari 4 – 10.1 (Release date: 2009-06-08) altname footnote Removed in 11 and later altname Alternate name: ClientRect Safari – Full support Safari 10.1 (Release date: 2017-03-27) footnote Full support	Chrome Android – No support Chrome Android 18 – 60 (Release date: 2012-06-27) altname altname Alternate name: ClientRect Chrome Android – Full support Chrome Android 61 (Release date: 2017-09-05) footnote Full support	Firefox for Android – No support Firefox for Android 4 – 26 (Release date: 2011-03-29) altname altname Alternate name: ClientRect Firefox for Android – Full support Firefox for Android 27 (Release date: 2014-02-04) footnote Full support	Opera Android – No support Opera Android 10.1 – 44 (Release date: 2010-11-09) altname altname Alternate name: ClientRect Opera Android – Full support Opera Android 45 (Release date: 2018-02-15) footnote Full support	Safari on iOS – No support Safari on iOS 3.2 – 10.3 (Release date: 2010-04-03) altname footnote Removed in 11 and later altname Alternate name: ClientRect Safari on iOS – Full support Safari on iOS 10.3 (Release date: 2017-03-27) footnote Full support	Samsung Internet – No support Samsung Internet 1 – 7.4 (Release date: 2013-04-27) altname altname Alternate name: ClientRect Samsung Internet – Full support Samsung Internet 8 (Release date: 2018-07-18) footnote Full support	WebView Android – No support WebView Android 2 – 60 (Release date: 2009-10-26) altname altname Alternate name: ClientRect WebView Android – Full support WebView Android 61 (Release date: 2017-09-05) footnote Full support	WebView on iOS – No support WebView on iOS 3.2 – 10.3 (Release date: 2010-04-03) altname footnote Removed in 11 and later altname Alternate name: ClientRect WebView on iOS – Full support WebView on iOS 10.3 (Release date: 2017-03-27) footnote Full support
`DOMRect()` constructor	Chrome – Full support Chrome 61 (Release date: 2017-09-05) footnote Full support	Edge – Full support Edge 79 (Release date: 2020-01-15) footnote Full support	Firefox – Full support Firefox 31 (Release date: 2014-07-22) footnote Full support	Opera – Full support Opera 48 (Release date: 2017-09-27) footnote Full support	Safari – Full support Safari 10.1 (Release date: 2017-03-27) footnote Full support	Chrome Android – Full support Chrome Android 61 (Release date: 2017-09-05) footnote Full support	Firefox for Android – Full support Firefox for Android 31 (Release date: 2014-07-22) footnote Full support	Opera Android – Full support Opera Android 45 (Release date: 2018-02-15) footnote Full support	Safari on iOS – Full support Safari on iOS 10.3 (Release date: 2017-03-27) footnote Full support	Samsung Internet – Full support Samsung Internet 8 (Release date: 2018-07-18) footnote Full support	WebView Android – Full support WebView Android 61 (Release date: 2017-09-05) footnote Full support	WebView on iOS – Full support WebView on iOS 10.3 (Release date: 2017-03-27) footnote Full support
`fromRect()` static method	Chrome – Full support Chrome 61 (Release date: 2017-09-05) footnote Full support	Edge – Full support Edge 79 (Release date: 2020-01-15) footnote Full support	Firefox – Full support Firefox 69 (Release date: 2019-09-03) footnote Full support	Opera – Full support Opera 48 (Release date: 2017-09-27) footnote Full support	Safari – Full support Safari 10.1 (Release date: 2017-03-27) footnote Full support	Chrome Android – Full support Chrome Android 61 (Release date: 2017-09-05) footnote Full support	Firefox for Android – Full support Firefox for Android 79 (Release date: 2020-07-28) footnote Full support	Opera Android – Full support Opera Android 45 (Release date: 2018-02-15) footnote Full support	Safari on iOS – Full support Safari on iOS 10.3 (Release date: 2017-03-27) footnote Full support	Samsung Internet – Full support Samsung Internet 8 (Release date: 2018-07-18) footnote Full support	WebView Android – Full support WebView Android 61 (Release date: 2017-09-05) footnote Full support	WebView on iOS – Full support WebView on iOS 10.3 (Release date: 2017-03-27) footnote Full support
`height`	Chrome – Full support Chrome 2 (Release date: 2009-05-21) footnote Full support	Edge – Full support Edge 12 (Release date: 2015-07-29) footnote Full support	Firefox – Full support Firefox 3 (Release date: 2008-06-17) footnote Full support	Opera – Full support Opera 9.5 (Release date: 2008-06-12) footnote Full support	Safari – Full support Safari 4 (Release date: 2009-06-08) footnote Full support	Chrome Android – Full support Chrome Android 18 (Release date: 2012-06-27) footnote Full support	Firefox for Android – Full support Firefox for Android 4 (Release date: 2011-03-29) footnote Full support	Opera Android – Full support Opera Android 10.1 (Release date: 2010-11-09) footnote Full support	Safari on iOS – Full support Safari on iOS 3.2 (Release date: 2010-04-03) footnote Full support	Samsung Internet – Full support Samsung Internet 1 (Release date: 2013-04-27) footnote Full support	WebView Android – Full support WebView Android 2 (Release date: 2009-10-26) footnote Full support	WebView on iOS – Full support WebView on iOS 3.2 (Release date: 2010-04-03) footnote Full support
`width`	Chrome – Full support Chrome 2 (Release date: 2009-05-21) footnote Full support	Edge – Full support Edge 12 (Release date: 2015-07-29) footnote Full support	Firefox – Full support Firefox 3 (Release date: 2008-06-17) footnote Full support	Opera – Full support Opera 9.5 (Release date: 2008-06-12) footnote Full support	Safari – Full support Safari 4 (Release date: 2009-06-08) footnote Full support	Chrome Android – Full support Chrome Android 18 (Release date: 2012-06-27) footnote Full support	Firefox for Android – Full support Firefox for Android 4 (Release date: 2011-03-29) footnote Full support	Opera Android – Full support Opera Android 10.1 (Release date: 2010-11-09) footnote Full support	Safari on iOS – Full support Safari on iOS 3.2 (Release date: 2010-04-03) footnote Full support	Samsung Internet – Full support Samsung Internet 1 (Release date: 2013-04-27) footnote Full support	WebView Android – Full support WebView Android 2 (Release date: 2009-10-26) footnote Full support	WebView on iOS – Full support WebView on iOS 3.2 (Release date: 2010-04-03) footnote Full support
Available in workers	Chrome – Full support Chrome 61 (Release date: 2017-09-05) footnote Full support	Edge – Full support Edge 79 (Release date: 2020-01-15) footnote Full support	Firefox – Full support Firefox 69 (Release date: 2019-09-03) footnote Full support	Opera – Full support Opera 48 (Release date: 2017-09-27) footnote Full support	Safari – Full support Safari 10.1 (Release date: 2017-03-27) footnote Full support	Chrome Android – Full support Chrome Android 61 (Release date: 2017-09-05) footnote Full support	Firefox for Android – Full support Firefox for Android 79 (Release date: 2020-07-28) footnote Full support	Opera Android – Full support Opera Android 45 (Release date: 2018-02-15) footnote Full support	Safari on iOS – Full support Safari on iOS 10.3 (Release date: 2017-03-27) footnote Full support	Samsung Internet – Full support Samsung Internet 8 (Release date: 2018-07-18) footnote Full support	WebView Android – Full support WebView Android 61 (Release date: 2017-09-05) footnote Full support	WebView on iOS – Full support WebView on iOS 10.3 (Release date: 2017-03-27) footnote Full support
`x`	Chrome – Full support Chrome 61 (Release date: 2017-09-05) footnote Full support	Edge – Full support Edge 79 (Release date: 2020-01-15) footnote Full support	Firefox – Full support Firefox 31 (Release date: 2014-07-22) footnote Full support	Opera – Full support Opera 48 (Release date: 2017-09-27) footnote Full support	Safari – Full support Safari 10.1 (Release date: 2017-03-27) footnote Full support	Chrome Android – Full support Chrome Android 61 (Release date: 2017-09-05) footnote Full support	Firefox for Android – Full support Firefox for Android 31 (Release date: 2014-07-22) footnote Full support	Opera Android – Full support Opera Android 45 (Release date: 2018-02-15) footnote Full support	Safari on iOS – Full support Safari on iOS 10.3 (Release date: 2017-03-27) footnote Full support	Samsung Internet – Full support Samsung Internet 8 (Release date: 2018-07-18) footnote Full support	WebView Android – Full support WebView Android 61 (Release date: 2017-09-05) footnote Full support	WebView on iOS – Full support WebView on iOS 10.3 (Release date: 2017-03-27) footnote Full support
`y`	Chrome – Full support Chrome 61 (Release date: 2017-09-05) footnote Full support	Edge – Full support Edge 79 (Release date: 2020-01-15) footnote Full support	Firefox – Full support Firefox 31 (Release date: 2014-07-22) footnote Full support	Opera – Full support Opera 48 (Release date: 2017-09-27) footnote Full support	Safari – Full support Safari 10.1 (Release date: 2017-03-27) footnote Full support	Chrome Android – Full support Chrome Android 61 (Release date: 2017-09-05) footnote Full support	Firefox for Android – Full support Firefox for Android 31 (Release date: 2014-07-22) footnote Full support	Opera Android – Full support Opera Android 45 (Release date: 2018-02-15) footnote Full support	Safari on iOS – Full support Safari on iOS 10.3 (Release date: 2017-03-27) footnote Full support	Samsung Internet – Full support Samsung Internet 8 (Release date: 2018-07-18) footnote Full support	WebView Android – Full support WebView Android 61 (Release date: 2017-09-05) footnote Full support	WebView on iOS – Full support WebView on iOS 10.3 (Release date: 2017-03-27) footnote Full support

Tip: you can click/tap on a cell for more information.

Full support: Full support
: Uses a non-standard name
: Has more compatibility info.