tbody要素のinnerHTMLが書き換えられません

こんにちは、教えてください。
<form1>
<table id="test">
<tbod>
<tr><td></td><tr>
</tbody>
</table>
</form1>

例えばうえのような感じになっていたとき、

var tbody = document.getElementById( "test" ).getElementsByTagName( "tbody").item( 0 );

これでtbody要素が取得できると思います。

tbody.innerHTML += tbody.innerHTML;

だけどうのようにすると【htmlfile：未知の実行時エラーです】となります。

document.getElementById( "test" ).innertHTML += document.getElementById( "test" ).innertHTML;

という感じは一応動きます。なんででしょうか？

No.1 ベストアンサー 回答者： steel_gray 回答日時： 2008/04/30 14:18

innerHTMLでは読み込み専用となっている要素があります。

（今回はTRを書き換えようとしているのがひっかかっている）
+= は元はそのままに書き足しなので通るのでしょう。

http://support.microsoft.com/kb/239832/ja
サポートの回答にもありますがDOMを使うようにするしかないでしょう。

この回答へのお礼

ありがとーございます！！
すっごい助かりました！！

リンクもつけてくれて感謝です！！

ありがとー！！

お礼日時：2008/04/30 14:41