Скрыть данные в iframe

@Curse · Регистрация: 12.07.2010

Author24 — интернет-сервис помощи студентам

Подскажите, пожалуйста. как скрыть блок в iFram`e.

Код страницы:

HTML5

1
2
3

<iframe id="ifr" src="ifr.php" width="750" height="600" align="left">
    Ваш браузер не поддерживает плавающие фреймы!
</iframe>

Javascript

1
2
3

<script>
    $('.page-header').hide();
</script>

Код iFrame:

HTML5

<!DOCTYPE HTML>
<html>
    <head>
    </head>
    <body>
        <div class="page-wrapper">
            <div class="page-header">
                Header
            </div>
        </div>
        <div class="page-footer">   
            Footer
        </div>
    </body>
</html>

Пытаюсь через консоль выбрать:

Javascript

1
2
3

var header = $('.page-header');
или 
var header = document.getElementsByClassName('page-header');

Блок не выбирается.

@kalabuni · 07.08.2016, 16:47

во-первых, document -- это то, что отображено в текущем окне браузера window
тег <iframe></iframe> внутри текущего окна создаёт другое окно window (встроенное, плавающее), и в нём будет отображён совершенно другой document

во-вторых, метод getElementsByClassName ('page-header') возвращает не нужный вам блок, а коллекцию элементов, имеющих имя класса page-header, (обратите внимание на буквочку s в названии метода -- она говорит о множественном числе возвращаемого

таким образом, правильная ссылка на интересующий вас блок будет такой:

document.getElementById ('mi').contentWindow.document.getElementsByClassName ('page-header') [0]

кстати, если бы вы использовали не идентификатор id="ifr", а имя name="ifr" для <iframe>, то конструкция могла быть чуть покороче:

window.frames ['ifr'].document.getElementsByClassName ('page-header') [0]

@Curse · 07.08.2016, 19:27 **[ТС]**

Спасибо.
Только до объекта добраться не могу.

Javascript

1	var header = document.getElementById('ifr').contentWindow.document.getElementsByClassName('page-header')[0]

вызывает ошибку

Код

Uncaught DOMException: Blocked a frame with origin "http://localhost" from accessing a cross-origin frame.

Берет только:

Javascript

1	var header = document.getElementById('ifr').contentWindow

Можно ли что-то сделать?

@kalabuni · 08.08.2016, 23:04

Curse, случаем, не в Опере тестируете?
в ней с ифреймами плохо -- она на локалхосте плохо различает "свои" и "чужие" файлы

посмотрите -- это должно работать везде

Добавлено через 19 часов 26 минут
у вас в коде для страницы в ифрейме в src использован относительный адрес, а это предполагает, что в ифрейм загружена "своя" страница (с того же доменного имени, что и родительская страница, где и прописан тег <iframe>)
намедни в в ЛС вы мне сообщили, что на самом деле в ифрейме у вас загружена "чужая" страница https://egrul.nalog.ru/
отправляю вас почитать тему -- Присвоение значений в окне чужого сайта -- я там, надеюсь, доходчиво разъяснил, что работать с чужими страницами javascript не может в принципе

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	07.08.2016, 16:47	2
	во-первых, document -- это то, что отображено в текущем окне браузера window тег <iframe></iframe> внутри текущего окна создаёт другое окно window (встроенное, плавающее), и в нём будет отображён совершенно другой document во-вторых, метод getElementsByClassName ('page-header') возвращает не нужный вам блок, а коллекцию элементов, имеющих имя класса page-header, (обратите внимание на буквочку s в названии метода -- она говорит о множественном числе возвращаемого таким образом, правильная ссылка на интересующий вас блок будет такой: document.getElementById ('mi').contentWindow.document.getElementsByClassName ('page-header') [0] кстати, если бы вы использовали не идентификатор id="ifr", а имя name="ifr" для <iframe>, то конструкция могла быть чуть покороче: window.frames ['ifr'].document.getElementsByClassName ('page-header') [0] 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	08.08.2016, 23:04	4
	Curse, случаем, не в Опере тестируете? в ней с ифреймами плохо -- она на локалхосте плохо различает "свои" и "чужие" файлы посмотрите -- это должно работать везде Добавлено через 19 часов 26 минут у вас в коде для страницы в ифрейме в src использован относительный адрес, а это предполагает, что в ифрейм загружена "своя" страница (с того же доменного имени, что и родительская страница, где и прописан тег <iframe>) намедни в в ЛС вы мне сообщили, что на самом деле в ифрейме у вас загружена "чужая" страница https://egrul.nalog.ru/ отправляю вас почитать тему -- Присвоение значений в окне чужого сайта -- я там, надеюсь, доходчиво разъяснил, что работать с чужими страницами javascript не может в принципе 0