DOMRectReadOnly

Constructor

DOMRectReadOnly(): Defined to create a new DOMRectReadOnly object.

Instance properties

DOMRectReadOnly.x Read only: Returns the x coordinate of the DOMRectReadOnly's origin.
DOMRectReadOnly.y Read only: Returns the y coordinate of the DOMRectReadOnly's origin.
DOMRectReadOnly.width Read only: Returns the width of the DOMRectReadOnly.
DOMRectReadOnly.height Read only: Returns the height of the DOMRectReadOnly.
DOMRectReadOnly.top Read only: Returns the top coordinate value of the DOMRectReadOnly (usually the same as y).
DOMRectReadOnly.right Read only: Returns the right coordinate value of the DOMRectReadOnly (usually the same as x + width).
DOMRectReadOnly.bottom Read only: Returns the bottom coordinate value of the DOMRectReadOnly (usually the same as y + height).
DOMRectReadOnly.left Read only: Returns the left coordinate value of the DOMRectReadOnly (usually the same as x).

Static methods

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

Instance methods

DOMRectReadOnly.toJSON(): Returns a JSON representation of the DOMRectReadOnly object.

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
`DOMRectReadOnly`	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 – No support Firefox 27 – 30 (Release date: 2014-02-04) altname altname Alternate name: DOMRect Firefox – Full support Firefox 31 (Release date: 2014-07-22) 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 – No support Firefox for Android 27 – 30 (Release date: 2014-02-04) altname altname Alternate name: DOMRect Firefox for Android – Full support Firefox for Android 31 (Release date: 2014-07-22) 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
`DOMRectReadOnly()` 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 62 (Release date: 2018-09-05) 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 62 (Release date: 2018-09-05) 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
`bottom`	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
`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
`left`	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
`right`	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
`toJSON`	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 62 (Release date: 2018-09-05) 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 62 (Release date: 2018-09-05) 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
`top`	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.

Constructor

Instance properties

Static methods

Instance methods

Specifications

Browser compatibility

Legend

See also