IE 不能在 TABLE 元件中用 innerHTML

昨天測試 javascript 程式時發現一個小差異。這個程式原本是在 Firefox 上寫的，執行都正常。晚上我決定用其它瀏覽器跑跑看。結果發現 IE 不能執行。抓了半天蟲蟲，終於找到問題的癥結：在 IE 中，TABLE 元件不能使用 innerHTML。下面這段程式在 Firefox, Safari, Chrome 都可以正常執行；IE6, IE8 則失敗。

<table id='test'></table> <script type='text/javascript'> var o=document.getElementById('test'); //IE 不能在 TABLE 用 innerHTML o.innerHTML='<tr><td>hello'; </script>

<table id='test'></table> <script type='text/javascript'> var o=document.getElementById('test'); //IE 不能在 TABLE 用 innerHTML o.innerHTML='<tr><td>hello'; </script>

下面的寫法，則可以在四個瀏覽器使用。

<table> <script type='text/javascript'> document.write('<tr><td>document.write 可以用'); </script> </table>

<table> <script type='text/javascript'> document.write('<tr><td>document.write 可以用'); </script> </table>