Range.getClientRects()

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The Range.getClientRects() method returns a list of DOMRect objects representing the area of the screen occupied by the range. This is created by aggregating the results of calls to Element.getClientRects() for all the elements in the range.

Syntax

rectList = range.getClientRects()

Example

range = document.createRange();
range.selectNode(document.getElementsByTagName("div").item(0));
rectList = range.getClientRects();

Specification

Specification Status Comment
CSS Object Model (CSSOM) View Module
The definition of 'Range.getClientRects()' in that specification.
Working Draft Initial specification.

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) (Yes) 4.0 (2.0) 9 15.0 5
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) (Yes) 4.0 (2.0) No support 15.0 ?

See also

Document Tags and Contributors

 Last updated by: stevenwdv,