Problem with IE's innerHTML and <form> tags??!?!

nebulus · February 15th, 2006, 01:22 PM

I'm having a really hard time with IE's innerHTML property and <form>
tags. If I use this code:

myDiv.innerHTML = "<form>This is a test</form>" in fireFox, the div tag
shows the content. However, if I do the same in IE, nothing happens.
For whatever reason, IE will not take that content.

Has anybody run into this, and what's a good solution? (Please, no "use
FireFox!" answers - we have users that use both equally).

Thanks for any help.

vinod_yadav1919 · February 15th, 2006, 05:08 PM

Hi Nebulus!!
In IE ,I am getting the Runtime error,I have a solution
<html>
<head>
<script type="text/JavaScript">
function CreateForm(){

myDiv=document.getElementById("mydiv")

frm=document.createElement("form")
frm.appendChild(document.createTextNode('This is a test'))

myDiv.appendChild(frm) //--Working Fine

/********Runtime Error--with Error Number-2146827687******
try
{
myDiv.innerHTML ="<form>frm</form>"
}
catch(error)
{
alert(error.descripton)
alert(error.number)
}
*/
}

</script>
</head>
<body>
<form>
<div id="mydiv"></div>
<input type=button value="createform" onclick="CreateForm()">
</form>
</body>
</html>
Hope this will help you

Cheers :)

vinod