Why does .html work and not innerHTML or appendChild

Question

I am trying to add an ajax response to a div (it\'s HTML code with tables, forms, etc).

In FF innerHTML works perfectly, but in IE it gives me an unkno

Answer 1

IE has several documented (pre | table (thead, tbody, tr, tfoot) | div | select) .innerHTML bugs.

Thus libraries like jQuery abstract away those bugs for you by applying workarounds where needed for IE.

As for your specific error... without seeing the code it is hard to tell.

Setting the .innerHTML on pre's, certain div's, select's (if it does fail, will fail silently) but setting the .innerHTML on certain table elements (in certain versions of IE) will actually throw an error/exception.

Note: The issue with setting the .innerHTML of a div is very specific in condition and only occurs in IE6 & IE7.