Home/ Questions/Q 189583
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T16:11:05+00:00

I have a string representing a stand-alone (and valid XHTML 1.0 Strict) HTML document,

  • 0

I have a string representing a stand-alone (and valid XHTML 1.0 Strict) HTML document, something like

var html = "<?xml ... <!DOCTYPE ... <html><head><style>...</style></head>
                  <body><table>...</table></body></html>";

The body of this HTML document contains a table whose CSS-style
is described in the head of the HTML document.

I also have a DOM-tree of another HTML document.
How can I include into this DOM-tree the DOM-tree of the table with the correct style (as described in the HTML-string)?

I am especially interested in a jQuery-based solution.

EDIT: To be more concrete, an example of an HTML-string that I’m talking about
is embedded into this XML-document.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I may be waaaay missing the point, but why not load the string into an IFRAME to render – this solves all the problems of having two separate DOM trees, and two separate sets of CSS rules, to me.

    This code will do it:

    $(function() {
        var $frame = $('<iframe style="width:200px; height:100px; border: 0px;">');
        $('body').html( $frame );
        setTimeout( function() {
                var doc = $frame[0].contentWindow.document;
                var $body = $('body',doc);
                $body.html(your_html);
        }, 1 );
});

    (which I lifted from here: putting html inside an iframe (using javascript))

    Then if you are concerned about the size of the IFRAME, you can set it with:

    $frame[0].style.height = $frame[0].contentWindow.document.body.offsetHeight + 'px';
$frame[0].style.width = $frame[0].contentWindow.document.body.offsetWidth + 'px';
    • 0