How can I insert all of a parent window's stylesheets into an iframe's head(samedomain)?
My attempted code based on a similar question:
function () {
var d = frames[0].document;
var stylesheets = $("link").outerhtml;
d.open();
d.write(
'<html><head>'+
stylesheets +
'<style type="text/css">'+
'<\/style><\/head><body><\/body><\/html>'
);
d.close();
}
Clearly this does not work outside of IE. Thanks in advance.
Edit: Attempt based on Anthony's answer:
$("link[type='text/css']").each(function() {
var stylesheet = $(this).clone();
$("iframe").contents().find("head").append(stylesheet);
});
An issue with the selected answer is that it uses .html()
, which returns only the inner html contents of that element, not the element itself. Here is a working solution:
$("link[type='text/css']").clone().appendTo($("iframe").contents().find("head"));
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With