Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
Метод Range.getBoundingClientRect() возвращает объект ClientRect, соотвествующий фрагменту документа, на основе которого создан объект Range; это прямоугольник, непосредственно обрамляющий объединение прямоугольников для каждого элемента фрагмента документа.
Синтаксис
boundingRect = range.getBoundingClientRect()
Пример
range = document.createRange();
range.selectNode(document.getElementsByTagName("div").item(0));
rect = range.getBoundingClientRect();
Спецификация
| Спецификация | Статус | Комментарий |
|---|---|---|
| CSS Object Model (CSSOM) View Module Определение 'Range.getBoundingClientRect()' в этой спецификации. |
Рабочий черновик | Initial specification. |
Поддержка браузеров
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| Возможность | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Базовая поддержка | (Да) | 4.0 (2.0) | 9.0 | 15.0 | ? |
| Возможность | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Базовая поддержка | (Да) | 4.0 (2.0) | Нет | 15.0 | ? |