Цель состоит в том, чтобы изменить размер iframe изнутри его тела, не зная имени или идентификатора iframe.Также желательно, чтобы не было библиотек, кроме jQuery.
Предположим, что и iframe, и родительский ресурс имеют одинаковое происхождение.
Проблема с доступом к содержащему элементу iframe изнутри iframe - без указания идентификатора / имени дляэлемент iframe.
Идеальная реализация выглядит примерно так (использует jQuery):
function sizeIframeToContent(iframeElem) { // Get closest iframe. var iframe = iframeElem.closest("iframe"); // Get content size. var docBody = $(iframe[0].contentWindow.document.body); var width = docBody.width(); var height = docBody.height(); // Set size. iframe.width(width); iframe.height(height); }
Эти вопросы не помогли:
Доступ к элементу frameset внутриiframe
доступ к имени iframe изнутри iframe
Доступ к родительскому элементу iframe внутри iframe без идентификатора
Как получить доступ к элементу iframe из его дочернего элемента
Доступ к контейнеру родительского элемента iframe (Iframe внутри iframe)