Append Child working in Mozilla but not in IE.

[dmjpro]

Have a look at my code fragment...

var parent_UL_ref = parent.document.getElementById(..);
var child_LI_ref = document.createElement('LI');
parent_UL_ref.appendChild(child_LI_ref); //it's not working
 

Actually my question is if create an element using document.createElement, can it be added into any another document. I think that's what happening here ... ;)

[Ciary]

normally there shouldnt be a problem with it. i'm doing the same in my current project. only there i create divs containing dynamically created paragraphs.

another option:

var parent_UL_ref = parent.document.getElementById(..);
var parent_UL_ref .style.innerHTML += "<li>item</li>
 

[acoder]

You need to use imporNode.

[dmjpro]

@Ciary
Here you directly setting the innerHTML. I am talking about the document.createElement ;)

[dmjpro]

Well i got the solution...

I have a opener window and a pop-up window, and there code given below.

//onload function
function openPopUp(){
 window.open(......);
}
 

//add-list handler
function addList(){
 var parent_UL_ref = opener.document.getElementById(..) ; //get the opener UL reference
 var child_LI_ref = document.createElement('LI');
 parent_UL_ref.appendChild(child_LI_ref); //here it says no such interface supported
}
 

Up to this the whole code works in Mozilla but not in IE.

if i change the code like this ....

var child_LI_ref = opener.document.createElement('LI');
 

Then it works in both ;)

[acoder]

If you're going to stick to the same document, then it will work. If not, you should be using importNode, but unfortunately, it's not been implemented in IE though you can find versions online.