outerHTML equivalent in netscape.

[inbaron]

I have an IMG "myImage" object which I want to copy into a div element "myDiv". It is very simple in IE

myDiv.innerHTML = myImage.outerHTML

Netscape does not support outerHTML. How can I do the same in Netscape?

Thanks

 

[vbkris]

u may want to get its parent's inner html and replace the node's inner html with it:
<div id="MainDiv">
<div id="D1">
asdasd
</div>
</div>
<script>
TheHtml1=document.getElementById("D1").innerHTML
TheHtml2=document.getElementById("MainDiv").innerHTML
TheHtml2=TheHtml2.replace(TheHtml1,"")
alert(TheHtml2)
</script>



thats the closest i can get...

Known is handfull, Unknown is worldfull

 

[inbaron]

Thanks, but this won't work. The parent node may include much more than just the image, and this is not under my control. For example, in the following, the parent is a <td> element but there is much more than the image inside.

<td><a>some link</a><img src = someSource propertyA = 'someProperty' propertyB = 'otherProperty'> some text </td>

 

[vbkris]

include a dummy parent node:
<td><a>some link</a><div id="DummyNode"><img src = someSource propertyA = 'someProperty' propertyB = 'otherProperty'> some text</div> </td>


get the idea???

Known is handfull, Unknown is worldfull

 

[vongrunt]

What about:

// myDiv.innerHTML = "";
myDiv.appendChild( myImage.cloneNode( true ) );

 

[inbaron]

Sorry vbkris, as I said, the html code is not under my control. I write the JS function to serve a general purpose and work on images identified by their id's, no matter how they are embedded in their html page.

The suggestion by vongrunt seems to be the right solution. Thanks, I'll try it.