Add doctype to an Iframe using javaScript/jQuery

Question

I want to add Doctype to an iframe once its loaded. I have tried the following script without any luck:

$(document).ready(function(){
   $('.ms-dlgFrame').ready(function(){
     var iframe = $('.ms-dlgFrame');
     var newHTML = "<!DOCTYPE html><html>"+iframe.contents().find('html').html()+"</html>";
     iframe.contents().find('html').html(newHTML);
     //iframe.contents().prepend('<!DOCTYPE html>');
   });
});

Seems its a simple thing but I am doing a mistake.

I think, if you change the doctype on the fly, it won't change the way how the document is rendered. Maybe the doctype should already be set in the src of the iframe before changing its HTML? — Aidas Bendoraitis
– Aidas Bendoraitis, Commented Oct 28, 2015 at 14:08

Premshankar Tiwari · Accepted Answer · 2015-10-29 15:57:15Z

2

I got the solution

$(document).ready(function(){
   $('.ms-dlgFrame').ready(function(){
     var iframe = $('.ms-dlgFrame');
     var newDoctype = document.implementation.createDocumentType(
        'html',
        '',
        ''
     );
     iframe[0].contentDocument.insertBefore(newDoctype,iframe[0].contentDocument.childNodes[0]);
   });
});

answered Oct 29, 2015 at 15:57

Premshankar Tiwari

3,1263 gold badges28 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sam Willis · Accepted Answer · 2015-10-28 14:46:53Z

0

As far as I'm aware, you aren't able to target the contents of an iframe for security reasons.

answered Oct 28, 2015 at 14:46

Sam Willis

4,2718 gold badges45 silver badges65 bronze badges

1 Comment

user400654 Over a year ago

This is only true if you don't control the target.

Collectives™ on Stack Overflow

Add doctype to an Iframe using javaScript/jQuery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related