Home/ Questions/Q 8197911
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T05:50:23+00:00

There are quite a few other posts on stackoverflow that ask nearly the same

  • 0

There are quite a few other posts on stackoverflow that ask nearly the same question, but in all the answers I’ve read so far, they don’t address how to essentially replace the entire document of the iframe, including the DOCTYPE and html tags.

I am retrieving the HTML for an entire page via a jQuery.ajax request and attempting to use the returned HTML as the new HTML of the iframe. Here’s an example of the HTML being returned from the ajax request:

<!DOCTYPE html>
<html lang="en-US">
    <head>
        <link rel="stylesheet" type="text/css" media="all" href="main.css">
        <title>Test Page</title>
    </head>
    <body>
        <h1>Heading</h1>
    </body>
</html>

I then inject this HTML into the iframe via:

$('#my-iframe').contents().find('html').html(returnedHtml);

As suggested on most of the other posts on this subject. However, when I inspect the contents of the iframe, the document is structured as follows:

<html>
    <link rel="stylesheet" type="text/css" media="all" href="main.css">
    <title>Test Page</title>
    <h1>Heading</h1>
</html>

Notice the lack of DOCTYPE, missing lang attribute on the html tag, missing head and body tags.

Any suggestions? (Note that just changing the iframe’s src attribute to the necessary url is not possible in this app due to various factors)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try some plain javascript instead:

    iframe = document.getElementById('my-iframe');
iframe.contentWindow.document.open()
iframe.contentWindow.document.write(returnedHtml);​

    FIDDLE

    • 0