innerHTML and non-block elements

I ran into an interesting [read: really frustrating] IE issue today. If you have a non-block element, e.g. a form, and you try to insert content using innerHTML, e.g.

form.innerHTML += '<input type="hidden" name="a" value="b" />'

You may get an error along the lines of "Unknown runtime error" (hresult: -2146827687). The short answer is that form is a non-block element and you cannot insert a block element inside a non-block element. Interestingly, this has been working for me for for the past two months. I haven't figured out what changed yet to push it over the edge.

So, the fix for me was relatively straight-forward. I already had a div nested inside the form, and so I just grabbed it, prototype-style:

$('left-form').innerHTML += '<input type="hidden" name="a" value="b" />'

form.submit();

And everything was cool again.

Ahhhh, minutiae, how I love thee.

I found the right direction from this forum, so um, mad, um, er, props. Or whatever the cool kids say.

Comments

[Brittany Tomaszewski]

hi there. so i didnt understand any of that..and you are pretty smart. haha. lol well love yoou!!!! xxoo britt

[Brittany]

hey! so i can't reply to your email and...I don't know why..heh..lol. Anyways, I am sooo ready for school to be out!! High School is so over-rated...lol. anyways, uhm..are you guys goin to alex's birthday party? how was Minnesota? okay well im technically not suppost to be doing this being that I am at school, so ill ttyl!! love you!! xxoo

[PabloBM]

Saved my day. Thanks!

[Jason Meridth]

Thank you. Saved my contact form while using validation in Castle MonoRail.