Получение абсолютных координат элемента из iframe

[Winexcel]

Здравствуйте! Пытаюсь получить координаты элемента картинки с этой страницы https://learn.javascript.ru/drag-and-drop-objects из фрейма "js.cs /" следующим кодом:

document.querySelector('img');

Всё прекрасно работает:

Пробую получить координаты используя функцию getBoundingClientRect:

document.querySelector('img').getBoundingClientRect();

В ответе получаю:

ClientRect {top: 8, right: 72, bottom: 72, left: 8, width: 64…}

Что соответсвует действительности относительно вложенного фрейма "js.cs /". Вопрос заключается в следующем:
Как получить координаты этого же элемента относительно самого главного фрейма?(top). И возможно ли это вообще?

[Rise]

Winexcel,
У самого фрейма получить аналогичные координаты и сложить.

[Winexcel]

Пытался найти способ как получить координаты самого фрейма но так и не нашел, подскажите пожалуйста как..

Winexcel,
У самого фрейма получить аналогичные координаты и сложить.

[Winexcel]

Пробовал так(запуск из фрейма "js.cx /"):

window.frameElement.getBoundingClientRect();

Как результат:

window.frameElement.getBoundingClientRect();
VM8852:1 Uncaught TypeError: Cannot read property 'getBoundingClientRect' of null
    at <anonymous>:1:20

[Rise]

Winexcel,
Так выдели также как выделил картинку.

[Winexcel]

Попрбовал следующее:

document.getElementsByTagName('iframe')[0].getBoundingClientRect();
ClientRect {top: 97.1875, right: 1142, bottom: 377.1875, left: 371, width: 771…}

Но нужно запускать скрипт именно из фрейма в котором находится элемент, возможно ли такое?

Winexcel,
Так выдели также как выделил картинку.

[Rise]

Winexcel,
Как работать с фреймами в консоли:
https://developers.google.com/web/to...cution-context
https://developer.mozilla.org/en-US/...g_with_iframes

Как получить координаты самого фрейма изнутри:

window.frameElement.getBoundingClientRect();
window.top.document.querySelector('iframe').getBoundingClientRect();
window.parent.document.querySelector('iframe').getBoundingClientRect();

Но с данным фреймом это не получится по причине разных доменов:
https://developer.mozilla.org/en-US/...w/frameElement
https://developer.mozilla.org/en-US/...-origin_policy

[Winexcel]

Спасибо, но у меня проблема именно в том что этот фрейм находится на другом домене, и мне нужно получить как-то его координаты ...А возможно ли как-то получить внутри этого фрейма id по которому я обращаюсь к нему из главного фрейма в массиве frames?

document.getElementsByTagName('iframe')[0].getBoundingClientRect();

В данном случае вложенный фрейм имеет id = 0.
Возможно ли как-то получить эту цифру в самом вложенном фрейме?
Или другой вариант который поможет идентифицировать этот фрейм в массиве frames.

[Rise]

Winexcel,
Это возможно:

for (var id = 0; id < top.frames.length; id++) if (top.frames[id] == window) alert(id);

Но в консоле для удобства есть специальные ссылки для выбранных элементов:

$0.getBoundingClientRect();

https://developers.google.com/web/to...eference#0_-_4