Как заполнить элемент iframe, в котором уже есть html, новым html?

Question

Итак, у меня есть Iframe, в котором я открыл HTML-документ с заголовком и телом. У меня есть HTML-строка, которую я хочу использовать для замены исходного HTML-тела Iframes. Как это сделать?

Answer 1

Я полагаю, что что-то для этого повлияет, если iframe обслуживается из того же домена, что и сама страница *.

var html_string = "<p>hello world</p>";
$('#iFrame').contents().find('#id_to_replace').html(html_string);

* Если это не так, то вы подключены, так как браузер по соображениям безопасности заблокирует доступ к фрейму другого домена. Хотя вы могли бы также рассмотреть возможность передачи необходимого контента в iframe через ваш собственный сервер и отображения его таким образом, что позволит вашему javascript-доступу к контенту iframe, хотя это, безусловно, не самый эффективный.

Answer 2

Предполагая, что JavaScript находится в документе, который содержит iFrame, что-то вроде этого может работать:

getElementById(yourIFrameId).document.body.innerHTML = "Your HTML String";