Блокирование произвольных элементов из iframe

Question

Есть ли способ заблокировать определенные HTML-элементы от создания в IFrame?

Я не использую JQuery, но я не против использовать его.

Мой базовый код, как:

<iframe id="id_frame_01" src="somepage"></iframe> 
<script type="text/javascript> 

frame = document.getElementById('id_frame_01').contentWindow.document; 

frame.onload = function(){ 
    var toremove = frame.getElementsByTagName('iframe'); 
    toremove.outerHTML = ''; 
    toremove = frame.getElementsByTagName('object'); 
    toremove.outerHTML = ''; 
} 

</script> 

У меня есть полный доступ к содержанию IFRAME, но если я пытаюсь удалить элементы вручную после события OnLoad, событие OnLoad является слишком далеко и (пример) начнется воспроизведение видео на YouTube.

Я знаю идентификаторы элементов для удаления, но я предпочитаю не использовать их, потому что веб-сайт «обновление» может нарушить работу системы. Вместо этого я предпочитаю фильтровать по типу элементов.

Это страница браузера, только для Chrome.

Есть ли способ связать событие onchange с незастроенным элементом?

Есть ли способ перехватить загрузку элементов?

Answer 1

Вместо того, чтобы загружать страницу непосредственно в iframe, вы можете использовать ajax (или $ .ajax с jQuery). Это позволит вам фильтровать html страницы и вводить только контент, который вы хотите видеть.

Вы говорите, что у вас есть полный доступ к содержимому iframe, поэтому я предполагаю, что ваша реализация следует за same origin policy.