appendChild not working with window.open in IE

javascript internet-explorer window.open appendchild
ria picture ria · Jun 10, 2013 · Viewed 9.9k times · Source

I have a page with an svg tag. The page has a button called "Preview" which on clicking should open a new window with the image (svg).

Below is a piece of code which works in Chrome/Firefox but not in IE (I'm using IE 9- IE9 standards mode)

var w = window.open();
var svg = $('#chart');              
var svgPrint = svg.cloneNode(true);
svgPrint.setAttribute('xmlns','http://www.w3.org/2000/svg');
w.document.body.appendChild(svgPrint);

Any suggestions would be highly appreciated.

Thanks.

Answer

Mirko Cianfarani picture Mirko Cianfarani · Jun 10, 2013

IE will block appending any element created in a different window context from the window context that the element is being appending to. 

var childWindow = window.open('somepage.html');

//will throw the exception in IE
childWindow.document.body.appendChild(document.createElement('div'));

//will not throw exception in IE
childWindow.document.body.appendChild(childWindow.document.createElement('div'));

Related questions

window.open not working in IE

Apparently, this call to window.open is not valid under Internet Explorer. The Javascript code on my site is not running, I would assume it is due to that error. The line it tells me the error is on, is …

Read More
Javascript "window.open" code won't work in Internet Explorer 7 or 8

I am using this chunk of jQuery/Javascript code on my site to open a popup window: $('#change_photo_link').click(function(){ $id = $('#id').attr('value'); window.open("photo.upload.php?id=" + $id,"Upload Photo", "menubar=no,width=430,…

Read More
IE won't load PDF in a window created with window.open

Here's the problem, which only occurs in Internet Explorer (IE). I have a page that has links to several different types of files. Links from these files execute a Javascript function that opens a new window and loads the specific …

Read More