Как динамически вставлять html в тег фрейма

Question

Я пытаюсь получить данные с помощью jQuery ajax library, и я хочу добавить возвращенные данные html в объект фрейма (без установки атрибута источника). Основная идея заключается в том, что я хочу показать содержимое html как отдельный документ в фрейме. Я попытался поместить данные в div, но это повлияло на основной документ. Благодаря!

Рама:

<frame id="test"> 
</frame> 

$.ajax({ url : url }) 
.done(function(html) { document.getElementById('test').innerHTML = html }); 

Проблема, кажется, что функция getElementById это вернуть Null. Эта проблема разрешается, если я изменяю рамку на div.

Answer 1

Проблема решена! Эта статья для удивительно трудно найти. По сути, это код, который я использовал для решения этой проблемы:

doc = document.getElementById('test').contentDocument; 
doc.open(); 
doc.writeln('<p> Hello! </p>') 
doc.close(); 

Статья: http://softwareas.com/injecting-html-into-an-iframe